@charset "utf-8";

.container {
	margin: 0 auto;
	width: 1550px;
	padding: 0 10px
}

@media (max-width:1600px) {
	.container {
		width: 100%;
		padding: 0 100px
	}
}

@media (max-width:1360px) {
	.container {
		padding: 0 30px
	}
}

input,textarea,select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0
}

input[type="checkbox"] {
	-webkit-appearance: checkbox
}

img {
	vertical-align: top
}

input,textarea {
	-webkit-appearance: none
}

header .logo {
	float: left;
	margin-left: 20px;
	position: relative
}

header .logo img {
	max-height: 45px
}

header .flogo {
	display: none
}



@media (max-width:1300px) {
	header .logo {
		margin-left: 50px
	}

	header .logo img {
		max-height: 35px
	}
}

@media (max-width:1279px) {
	header {
		top: 0;
		height: 50px;
		box-shadow: 0 0 3px #eee;
		background: rgba(255,255,255,0.95)
	}

	header .logo {
		margin-left: 5px
	}

	header .flogo-1 {
		display: none
	}

	header .flogo {
		display: block
	}

	header .flogo img {
		max-height: 30px;
		margin-top: 7px
	}
}

header .button-link {
	float: right;
	margin-right: 40px
}

header .button-link a {
	margin-right: 20px;
	color: #0086cd;
	border: 1px solid #0086cd;
	font-weight: bold;
	width: 220px;
	font-size: 22px;
	line-height:34px;
	text-align: center;
	border-radius: 30px;
	display: inline-block
}

header .button-link a:hover {
	opacity: .8
}

@media (max-width:1800px) {
	header .button-link {
		margin-right: 15px
	}
}

@media (max-width:1760px) {
	header .button-link {
		margin-top: 5px
	}

	header .button-link a {
		width: 130px;
		font-size: 15px;
		padding: 0 5px;
		margin-right: 5px
	}
}


@media (max-width:1300px) {
	header .button-link {
		margin-right: 50px
	}

	header .button-link a {
		line-height: 28px
	}
}

@media (max-width:1279px) {
	header .button-link {
		display: none
	}
}

header .nav {
	 /* float: right;  */
	margin-top: 4px;
	margin-right:75px;
	margin-left:23%;
	position: relative
}

@media (max-width:1800px) {
	header .nav {
		margin-right: 15px
	}
}

@media (max-width:1300px) {
	header .nav {
		margin-top: 0;
		margin-right: 30px
	}
}

header .nav li {
	margin: 0 15px;
	line-height: 50px;
	position: relative;
	float: left
}

@media (max-width:1500px) {
	header .nav li {
		margin: 0 10px
	}
}

@media (max-width:1290px) {
	header .nav li {
		margin: 0 5px
	}
}

header .nav li:after {
	content: "";
	width: 0;
	height: 1px;
	bottom: -1px;
	left: 50%;
	position: absolute;
	background: #fff;
	-webkit-transition: all 334ms linear;
	transition: all 334ms linear
}

header .nav li>a {
	display: block;
	overflow: hidden;
	color: #fff;
	/*opacity: .5;*/
	font-size: 18px;
	position: relative
}

@media (max-width:1600px) {
	header .nav li>a {
		font-size: 17px
	}
}
@media (max-width:1440px) {
	header .nav li>a {
		font-size: 15px
	}
}

header .nav li .subnav {
	top: 70px;
	left: -70px;
	width: 210px;
	background: rgba(0,134,205,0.5);
	position: absolute;
	display: none;
	padding: 10px 0 10px 0
}

header .nav li .subnav a {
	display: block;
	text-align: left;
	color: #fff;
	padding-left: 10px;
	font-size: 15px;
	line-height: 24px;
	margin-top: 10px
}

header .nav li .subnav a:hover {
	text-decoration: underline
}

header .nav li:hover>a,header .nav .active>a {
	opacity: 1
}

header .nav li:hover:after,header .nav .active:after {
	opacity: 1;
	width: 100%;
	left: 0
}

header .nav li:hover .subnav {
	display: block
}

@media (max-width:1279px) {
	header .nav {
		display: none
	}
}



@media (max-width:1330px) {
	header .nav li>a {font-size: 14px;}
}



@media (max-width:1300px) {
	header .nav li {
    margin: 0 8px;
	}
}


.fixed {
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	position: fixed;
	height: 75px;
	margin-top: 0;
	box-shadow: 0 0 3px #eee;
	background: rgba(255,255,255,0.6);
	-webkit-transition: all 334ms ease-in-out;
	transition: all 334ms ease-in-out;
	-webkit-animation: 2s dong;
	animation: 2s dong
}

.fixed .flogo {
	display: block;
	margin-top: 7px
}

.fixed .flogo img {
	max-height: 50px
}

.fixed .flogo-1 {
	display: none
}

.fixed .nav {
	margin-top: 0
}

.fixed .nav li a {
	opacity: 1;
	color: #4a4a4a;
	line-height: 75px
}

.fixed .nav li a:hover {
	color: #008cd6
}

.fixed .nav li:hover:after {
	background: #008cd6
}

.fixed .button-link {
	margin-top: 18px
}

@media (max-width:1300px) {
	.fixed {
		height: 50px
	}

	.fixed .flogo {
		margin-top: 6px
	}

	.fixed .flogo img {
		max-height: 30px
	}

	.fixed .nav li a {
		line-height: 50px
	}

	.fixed .button-link {
		margin-top: 10px
	}
}

@media (max-width:1279px) {
	.fixed {
		height: 50px
	}

	.fixed .flogo img {
		max-height: 35px;
		margin-top: 0
	}
}

.fixed02 .fixed {
	position: absolute;
	background: none;
	box-shadow: none;
	margin-top: 40px
}

.fixed02 .fixed .flogo {
	display: none
}

.fixed02 .fixed .flogo-1 {
	display: block
}

@media (max-width:1440px) {
	.fixed02 .fixed {
		margin-top: 20px
	}
}

.fixed02 .fixed .nav li a {
	/*opacity: .5;*/
	color: #fff
}

.fixed02 .fixed .nav li a:hover {
	opacity: 1
}

.fixed02 .fixed .nav li:hover:after {
	opacity: 1;
	background: #fff
}

@-webkit-keyframes dong {
	0% {
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes dong {
	0% {
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.phone-nav {
	position: relative;
	float: right;
	display: none;
	width: 40px;
	height: 40px;
	background-size: 100%;
	background-position: center center;
	background-image: url("../images/menu.png");
	background-repeat: no-repeat
}

@media (max-width:1279px) {
	.phone-nav {
		display: block;
		margin-top: 5px;
		margin-right: 10px
	}
}

.phone-subnav {
	width: 100%;
	position: fixed;
	left: 0;
	height: 100%;
	top: 0;
	background: rgba(255,255,255,0.97);
	z-index: 99999;
	margin: 0 auto;
	display: none
}

.phone-subnav .close {
	padding: 20px 40px;
	display: block
}

.phone-subnav .close img {
	max-height: 40px
}

.phone-subnav ul {
	height: 90%;
	overflow-y: scroll;
	margin: 0 30px
}

@media (max-width:360px) {
	.phone-subnav ul {
		height: 410px
	}
}

.phone-subnav ul li {
	position: relative;
	border-top: 1px solid #dadada
}

.phone-subnav ul li i {
	position: absolute;
	right: 10px;
	top: 10px;
	text-align: center;
	line-height: 30px;
	display: block;
	border-radius: 100%;
	font-style: inherit;
	cursor: pointer
}

.phone-subnav ul li i:after {
	content: "+";
	color: #666;
	font-size: 24px;
	cursor: pointer;
	text-align: center
}

.phone-subnav ul li .menu {
	color: #333;
	font-size: 16px;
	line-height: 50px;
	overflow: hidden;
	padding: 0 40px 0 20px;
	display: block;
	cursor: pointer;
	text-align: left;
	position: relative;
	border-bottom: 1px solid rgba(255,255,255,0.05)
}

.phone-subnav ul li .menu>a {
	display: block;
	color: #333
}

.phone-subnav ul li .menu02>a {
	color: #008cd6
}

.phone-subnav ul li .menu03 {
	display: block;
	padding: 10px 0
}

.phone-subnav ul li .menu03 a {
	color: #888;
	font-size: 13px;
	line-height: 20px;
	padding-top: 0
}

.phone-subnav ul li div {
	display: none;
	padding-bottom: 15px
}

.phone-subnav ul li div>a {
	color:#333;
	font-size:15px;
	line-height: 20px;
	padding: 5px 10px 5px 20px;
	display: block;
	height: auto;
	opacity: 1;
	position: relative;
	z-index:1111;
	opacity:1;
}

.phone-subnav ul li div em {
	display: block;
	font-style: inherit
}

.phone-subnav ul li div em>a {
	color: #666;
	font-size: 15px;
	display: block;
	padding: 5px 5px 5px 48px;
	line-height: 18px
}

.phone-subnav ul .active i:after {
	content: "-"
}

.page-dian {
	position: absolute;
	z-index: 99;
	width: 160px;
	top: 25%;
	right: 0;
	height: 100%
}

@media (max-width:1366px) {
	.page-dian {
		top: 20%
	}
}

@media (max-width:1279px) {
	.page-dian {
		display: none
	}
}

.page-dian li {
	color: #fff;
	width: 160px;
	font-size:15px;
	margin-top: 20px;
	cursor: pointer
}

@media (max-width:1280px) {
	.page-dian li {
		width: 60px
	}
}

.page-dian li em {
	float: left;
	position: relative;
	display: inline-block
}

.page-dian li em:after {
	top: -7px;
	left: -7px;
	width: 64px;
	height: 64px;
	content: "";
	position: absolute;
	border-radius: 100%;
	opacity: 0;
	border: solid 1px rgba(255,255,255,0.2);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease
}

/*@media (max-width:1370px) {
	.page-dian li em:after {
		width: 48px;
		height: 48px
	}
}*/

.page-dian li em img {
	padding: 8px;
	max-height:50px;
	border-radius: 100%;
	border: solid 1px #fff
}

/*@media (max-width:1370px) {
	.page-dian li em img {
		max-height: 35px
	}
}*/

.page-dian li p {
	float: left;
	margin-top:6px;
	padding-left: 10px
}

.page-dian li span {
	line-height: 20px;
	display: block
}

@media (max-width:1440px) {
	.page-dian li span {
		font-size: 15px;
		line-height: 16px
	}
}

@media (max-width:1280px) {
	.page-dian li span {
		display: none
	}
}

.page-dian em:after {
	top: -7px;
	left: -7px;
	width: 60px;
	height: 60px;
	content: "";
	position: absolute;
	border-radius: 100%;
	opacity: 1;
	border: solid 1px rgba(255,255,255,0.2)
}

@media (max-width:1370px) {
	.page-dian em:after {
		width: 48px;
		height: 48px
	}
}

.page-dian .icon2 {
	display: none
}

.page-dian li:hover em:after {
	opacity: 1 !important;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.wb-active li {
	color: #999
}

.wb-active li em:after {
	opacity: 1
}

.wb-active li em img {
	border-color: #008cd6
}

.wb-active .icon1 {
	display: none
}

.wb-active .icon2 {
	display: block
}

#homewrap {
	position: relative
}

#homemain {
	position: relative;
	top: 0
}

@media (max-width:1279px) {
	#homemain {
		top: auto
	}
}

.button-arrows {
	bottom: 90px;
	width: 100%;
	z-index: 9;
	text-align: center;
	position: absolute
}

@media (max-width:1600px) {
	.button-arrows {
		bottom: 40px
	}
}

.button-arrows a {
	color: #fff;
	font-size: 15px;
	display: block;
	position: relative;
	letter-spacing: 2px
}

@media (max-width:1600px) {
	.button-arrows a {
		font-size: 9px
	}
}

.button-arrows a:after {
	content: "";
	width: 107px;
	height: 107px;
	bottom: -45px;
	left: 50%;
	z-index: -1;
	margin-left: -53px;
	position: absolute;
	border-radius: 100%;
	border: dotted 1px rgba(255,255,255,0.7);
	-webkit-animation: 2s rotating alternate infinite;
	animation: 2s rotating alternate infinite
}

@media (max-width:1600px) {
	.button-arrows a:after {
		width: 60px;
		height: 60px;
		bottom: -20px;
		margin-left: -30px
	}
}

.button-arrows a:before {
	content: "";
	top: -30px;
	height: 65px;
	width: 7px;
	left: 50%;
	margin-left: -4px;
	position: absolute;
	text-align: center;
	background: url(../images/slide_1_icon.png) no-repeat
}

.button-arrows span {
	display: block;
	-webkit-animation: 2s scale alternate infinite;
	animation: 2s scale alternate infinite
}

@media (max-width:1279px) {
	.button-arrows {
		display: none
	}
}

@-webkit-keyframes rotating {
	100% {
		opacity: 1;
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotating {
	100% {
		opacity: 1;
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes scale {
	100% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
}

@keyframes scale {
	100% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
}

.bg {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat
}

@media (max-width:767px) {
	.bg {
		background-position: left top
	}
}

.bgwarp {
	height: 400px;
	top: 50%;
	width: 100%;
	color: #fff;
	z-index: 9;
	text-align: center;
	margin-top: -200px;
	position: absolute
}

@media (max-width:1370px) {
	.bgwarp {
		padding-top: 50px
	}
}

@media (max-width:1279px) {
	.bgwarp {
		height: auto;
		top: auto;
		left: auto;
		width: 100%;
		position: relative;
		margin-top: auto;
		padding: 100px 0;
		margin-top: 50px
	}
}

@media (max-width:1024px) {
	.bgwarp {
		padding: 0;
		height: 100%
	}
}

.bgwarp .title-1 {
	font-size: 100px;
	line-height: 100px;
	font-weight: normal;
	letter-spacing: 15px
}

@media (max-width:1600px) {
	.bgwarp .title-1 {
		font-size: 60px;
		line-height: 60px;
		padding-top: 40px
	}
}

@media (max-width:1370px) {
	.bgwarp .title-1 {
		padding-top: 0
	}
}

@media (max-width:1000px) {
	.bgwarp .title-1 {
		font-size: 40px;
		line-height: 40px
	}
}

.bgwarp .title-2 {
	font-size: 60px;
	line-height: 60px;
	padding-top: 15px;
	letter-spacing: 10px
}

@media (max-width:1600px) {
	.bgwarp .title-2 {
		font-size: 30px;
		line-height: 30px;
		padding-top: 20px
	}
}

@media (max-width:1000px) {
	.bgwarp .title-2 {
		font-size: 20px;
		line-height: 20px
	}
}

.bgwarp .title-3 {
	padding-top: 30px
}

@media (max-width:1000px) {
	.bgwarp .title-3 {
		padding-top: 10px;
		font-size: 15px;
		line-height: 20px
	}
}

@media (max-width:480px) {
	.bgwarp .title-3 {
		display: none
	}
}

.bgwarp .title-4 {
	color: #008cd6;
	font-size: 54px;
	line-height: 60px;
	letter-spacing: 15px;
	font-weight: normal
}

@media (max-width:1600px) {
	.bgwarp .title-4 {
		font-size: 30px;
		line-height: 40px;
		letter-spacing: 5px
	}
}

@media (max-width:1000px) {
	.bgwarp .title-4 {
		font-size: 20px;
		line-height: 20px
	}
}

.bgwarp .title-5 {
	color: #008cd6;
	font-size: 100px;
	line-height: 100px;
	letter-spacing: 15px;
	padding-top: 30px
}

@media (max-width:1600px) {
	.bgwarp .title-5 {
		font-size: 60px;
		line-height: 60px;
		letter-spacing: 10px
	}
}

@media (max-width:1000px) {
	.bgwarp .title-5 {
		font-size: 40px;
		line-height: 40px;
		letter-spacing: 5px;
		padding-top: 20px
	}
}

.bgwarp .title-6 {
	color: #666;
	font-size: 18px;
	padding-top: 40px
}

@media (max-width:1600px) {
	.bgwarp .title-6 {
		font-size: 14px
	}
}

@media (max-width:1000px) {
	.bgwarp .title-6 {
		font-size: 15px;
		line-height: 20px;
		padding-top: 20px
	}
}

@media (max-width:480px) {
	.bgwarp .title-6 {
		display: none
	}
}

.bgwarp .title-button {
	color: #fff;
	min-width: 220px;
	line-height: 50px;
	text-align: center;
	margin: 0 auto;
	font-size: 26px;
	border-radius: 30px;
	background: #00b2b2;
	display: inline-block;
	-webkit-transition: background-color 334ms ease;
	transition: background-color 334ms ease;
	margin-top: 60px
}

.bgwarp .title-button:hover {
	background: none;
	color: #00b2b2;
	line-height: 46px;
	border: solid 2px #00b2b2
}

@media (max-width:1600px) {
	.bgwarp .title-button {
		padding: 0 10px;
		font-size: 15px;
		min-width: 130px;
		line-height: 32px
	}

	.bgwarp .title-button:hover {
		line-height: 32px
	}
}

@media (max-width:1279px) {
	.bgwarp .title-button:hover {
		background: #008cd6;
		color: #fff;
		border: 0;
		line-height: 32px
	}
}

@media (max-width:420px) {
	.bgwarp .title-button {
		min-width: 120px;
		bottom: 160px;
		margin-top: 0;
		left: 50%;
		margin-left: -60px;
		position: absolute;
		background: #00b2b2d9;
		border: solid 1px #00b2b2;
	}
}

.bgwarp .title-button-2 {
	margin-left: 8px;
	margin-right: 8px;
	vertical-align: middle
}

.bgwarp .title-button-2 img {
	max-height: 35px;
	margin-top: 7px;
	margin-right: 10px;
	vertical-align: top
}

.bgwarp .title-button-2:hover img {
	display: none
}

@media (max-width:1600px) {
	.bgwarp .title-button-2 img {
		max-height: 20px;
		margin-right: 5px;
		margin-top: 6px
	}
}

@media (max-width:1000px) {
	.bgwarp .title-button-2 img {
		max-height: 20px
	}
}

@media (max-width:480px) {
	.bgwarp .title-button-2 {
		position: relative;
		bottom: auto;
		left: auto;
		margin-top: 10px;
		margin-left: auto;
		padding: 0;
		text-align: center
	}
}

@media (max-width:480px) {
	.bgwarp .title-7 {
		bottom: 140px;
		width:100%;
		text-align:center;
		/*margin-left: 38%;*/
		position: absolute
	}

	.bgwarp .title-7 a {
		width: 120px;
		display:inline-block;
		font-size: 15px;
		margin-bottom: 25px
	}

	.bgwarp .title-7 a:hover {
		line-height: 32px
	}
}

@media (max-width:380px) {
	.bgwarp .title-7 {
		bottom: 100px;
		/*margin-left: 35%*/
	}

	.bgwarp .title-7 a {
		margin-bottom: 15px
	}
}

@media (max-width:360px) {
	.bgwarp .title-7 {
		bottom: 100px
	}
}

@media (max-width:1279px) {
	.bgwarp-1 {
		margin-top: 0
	}
}

.bgwarp-2 {
	color: #fff;
	width: 100%;
	margin: 0 auto;
	padding:0 10%;
	padding-top: 170px;
	text-align: center
}

@media (max-width:1600px) and (max-height:900px) {
	.bgwarp-2 {
		padding-top: 130px
	}
}

@media (max-width:1370px) {
	.bgwarp-2 {
		padding-top: 130px
	}
}

@media (max-width:1279px) {
	.bgwarp-2 {
		padding: 100px 0;
		margin-top: 0
	}
}

@media (max-width:1260px) {
	.bgwarp-2 {
		width: 100%;
		padding-right: 10px;
		padding-left: 10px
	}
}

.bgwarp-2 .title-1 {
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 5px
}

@media (max-width:1600px) {
	.bgwarp-2 .title-1 {
		font-size: 20px;
		line-height: 24px
	}
}

@media (max-width:1260px) {
	.bgwarp-2 .title-1 {
		font-size: 16px;
		line-height: 24px
	}
}

.bgwarp-2 .title-2 {
	font-size: 72px;
	line-height: 80px;
	padding-top: 15px;
	letter-spacing: 15px
}

@media (max-width:1600px) {
	.bgwarp-2 .title-2 {
		font-size: 50px;
		line-height: 50px
	}
}

@media (max-width:1366px) and (max-height:768px) {
	.bgwarp-2 .title-2 {
		padding-top: 10px;
		font-size: 40px;
		line-height: 40px
	}
}

@media (max-width:1260px) {
	.bgwarp-2 .title-2 {
		font-size: 24px;
		line-height: 30px;
		letter-spacing: 5px;
		padding-top: 5px
	}
}

.bgwarp-2 .title-3 {
	font-size: 16px;
	padding-top: 15px
}

@media (max-width:1370px) {
	.bgwarp-2 .title-3 {
		font-size: 14px
	}
}

@media (max-width:1260px) {
	.bgwarp-2 .title-3 {
		padding-top: 5px;
		font-size: 15px;
		line-height: 20px
	}
}

@media (max-width:480px) {
	.bgwarp-2 .title-3 {
		display: none
	}
}

.bgwarp-2 li {
	width:33.3333%;
	float: left;
	margin-top: 60px;
	position: relative
}

@media (max-width:1600px) and (max-height:900px) {
	.bgwarp-2 li {
		margin-top: 80px
	}
}

@media (max-width:1370px) {
	.bgwarp-2 li {
		text-align: center;
		width: 30%;
		float: none;
		margin-top: 80px;
		display: inline-block
	}
}

@media (max-width:1279px) {
	.bgwarp-2 li {
		text-align: center;
		float: none;
		margin-top: 80px;
		display: inline-block
	}
}

@media (max-width:420px) {
	.bgwarp-2 li:first-child .pic {
		margin-right: 0
	}

	.bgwarp-2 li:first-child .pic:after {
		padding-bottom: 50%
	}
}

.bgwarp-2 li .pic {
	position: relative
}

.bgwarp-2 li .pic:after {
	content: "";
	display: block;
	padding-bottom: 50%
}

@media (max-width:1600px) {
	.bgwarp-2 li .pic:after {
		padding-bottom: 35%
	}
}

@media (max-width:420px) {
	.bgwarp-2 li .pic {
		margin-top: 70px;
		/*margin-right: 40px*/
	}

	.bgwarp-2 li .pic:after {
		padding-bottom:50%
	}
}

.bgwarp-2 li h3 {
	color: #fff;
	/*height:44px;*/
	/*width: 230px;*/
	font-size: 20px;
	/*line-height: 40px;*/
	border-radius: 10px;
	font-weight: normal;
	/*margin-left: 190px;*/
	padding:10px;
	text-align:center;
	/*border: solid 1px #fff;*/
	-webkit-transition: all 334ms ease-in;
	transition: all 334ms ease-in
}

.bgwarp-2 li .title-10{
	font-size:14px;
	color:#fff;
	/*height:48px;*/
	/*padding:0 60px;
	padding-right:80px;*/
	/*margin-top:10px;*/
	overflow:hidden;
	text-align:center;
}

.bgwarp-2 li h3:hover {
	/*color: #008cd6;
	background: rgba(255,255,255,0.95)*/
}

@media (max-width:1600px) {
	.bgwarp-2 li h3 {
		font-size: 18px;
		/*line-height: 40px;*/
		/*height: 42px;*/
		/*width: 200px;*/
		/*border: solid 1px #fff*/
	}
}

@media (max-width:1440px) {
	.bgwarp-2 li h3 {
		/*line-height: 28px;*/
		font-size: 15px;
		/*height: 30px;*/
		/*width: 140px;*/
		margin-left: 0;
		margin: 0 auto;
		/*border: solid 1px #fff*/
	}
}

@media (max-width:1260px) {
	.bgwarp-2 li h3 {
		width: auto;
		/*height: 30px;*/
		font-size: 15px;
		margin-left: 0;
		/*line-height: 28px;*/
		text-align: center;
		margin: 0 10px
	}
	.bgwarp-2 li .title-10{padding:0 20px;}
}

@media (max-width:420px) {
	.bgwarp-2 li h3 {
		margin: 0;
		font-size:12px;
		margin-top:15px;
		line-height:20px;
	 
	}
	.bgwarp-2 li .title-10{
		font-size:12px;
		margin-top:-5px;
	}
	.bgwarp-2 li .title-10{padding:0 10px;}
	/*.bgwarp-2 li .title-10{display:none;}*/
}
@media (max-width:360px) {
	.bgwarp-2 li h3 {
		font-size:11px;
	}
}
@media (max-width:320px) {
	.bgwarp-2 li h3 {
		margin: 0 20px
	}
}

.bgwarp-2 li span {
	top: 40px;
	right: 90px;
	color: #fff;
	font-size: 18px;
	position: absolute;
	border-bottom: solid 1px #fff
}

@media (max-width:1600px) {
	.bgwarp-2 li span {
		top: 30px
	}
}

@media (max-width:1370px) {
	.bgwarp-2 li span {
		top: 10px;
		right: 60px;
		font-size: 15px;
		border-bottom: solid 1px #fff
	}
}

@media (max-width:1260px) {
	.bgwarp-2 li span {
		font-size: 15px;
		border-bottom: solid 1px #fff
	}
}

@media (max-width:420px) {
	.bgwarp-2 li span {
	    top: 60px;
	    right: 0px;
	    font-size: 10px;
	}
	.bgwarp-2 li:first-child .pic{
		 margin-right:30px;
	}
	.bgwarp-2 li:first-child .pic::after {
	    padding-bottom: 80%;
	}
}

.bgwarp-2 li .t3 {
	top: 90px;
	right:20px;
}

@media (max-width:1600px) {
	.bgwarp-2 li .t3 {
		top: 100px;
		right: 90px
	}
}

@media (max-width:1400px) {
	.bgwarp-2 li .t3 {
		top: 100px;
		right: 110px
	}
}

@media (max-width:1370px) {
	.bgwarp-2 li .t3 {
		right: 40px;
		top: 50px
	}
}

@media (max-width:420px) {
	.bgwarp-2 li .t3 {
		top:90px;
		right:-20px
	}
}

.bgwarp-2 li em {
	top: 30px;
	right: 70px;
	position: absolute;
	display: none
}

@media (max-width:1370px) {
	.bgwarp-2 li em {
		right: 80px;
		top: -20px
	}
}

@media (max-width:1260px) {
	.bgwarp-2 li em {
		display: none
	}
}

@media (max-width:1260px) {
	.bgwarp-2 li {
		margin-top: 30px
	}
}

.bgwarp-3 {
	padding-top: 130px
}

@media (max-width:1370px) {
	.bgwarp-3 {
		padding-top: 60px
	}
}

@media (max-width:1279px) {
	.bgwarp-3 {
		padding: 100px 0;
		margin-top: 0
	}
}

.bgwarp-3 .title-1,.bgwarp-3 .title-2 {
	color: #008cd6;
	text-align: center;
	letter-spacing: 20px
}

@media (max-width:1600px) {
	.bgwarp-3 .title-1,.bgwarp-3 .title-2 {
		letter-spacing: 5px
	}
}

.bgwarp-3 .title-1 {
	font-size: 60px;
	line-height: 60px
}

@media (max-width:1600px) {
	.bgwarp-3 .title-1 {
		font-size: 30px;
		line-height: 30px
	}
}

@media (max-width:1000px) {
	.bgwarp-3 .title-1 {
		font-size: 20px;
		line-height: 20px;
		margin-top: 100px;
		color: #008cd6
	}
}

@media (max-width:414px) {
	.bgwarp-3 .title-1 {
		margin-top: 45px
	}
}

.bgwarp-3 .title-2 {
	font-size: 100px;
	line-height: 100px;
	padding-top: 20px
}

@media (max-width:1600px) {
	.bgwarp-3 .title-2 {
		font-size: 40px;
		line-height: 40px
	}
}

@media (max-width:1000px) {
	.bgwarp-3 .title-2 {
		font-size: 40px;
		line-height: 40px;
		padding-top: 10px;
		color: #008cd6
	}
}

.bgwarp-3 .title-button {
	color: #fff;
	min-width: 150px;
	line-height: 34px;
	text-align: center;
	margin: 0 auto;
	font-size: 16px;
	border-radius: 30px;
	background: #008cd6;
	display: inline-block;
	margin-right: 80px;
	-webkit-transition: background-color 334ms ease;
	transition: background-color 334ms ease;
	margin-top: 40px
}

.bgwarp-3 .title-button:hover {
	background: none;
	color: #008cd6;
	line-height: 30px;
	border: solid 2px #008cd6
}

@media (max-width:1600px) {
	.bgwarp-3 .title-button {
		min-width: 120px;
		font-size: 15px;
		line-height: 30px;
		margin-right: 170px
	}
}

@media (max-width:1360px) {
	.bgwarp-3 .title-button {
		margin-right: 240px
	}
}

@media (max-width:1279px) {
	.bgwarp-3 .title-button:hover {
		background: #008cd6;
		color: #fff;
		border: 0;
		line-height: 34px
	}
}

@media (max-width:480px) {
	.bgwarp-3 .title-button {
		min-width: 120px;
		bottom: 60px;
		margin-top: 0;
		left: 50%;
		margin-left: -60px;
		position: absolute
	}
}

.bgwarp-3 .list-roll {
	width: 38%;
	float: right;
	margin-right: 270px;
	margin-top: 30px
}

@media (max-width:1600px) {
	.bgwarp-3 .list-roll {
		margin-right: 270px
	}
}

@media (max-width:1260px) {
	.bgwarp-3 .list-roll {
		margin-right: 0;
		width: 70%;
		margin-top: 0
	}
}

.bgwarp-3 .list-roll dl {
	margin-top: 40px
}

@media (max-width:1600px) and (max-height:900px) {
	.bgwarp-3 .list-roll dl {
		margin-top: 10px
	}
}

@media (max-width:1260px) {
	.bgwarp-3 .list-roll dl {
		margin-top: 10px
	}
}

.bgwarp-3 .list-roll dt {
	width: 16%;
	float: left;
	margin: 0;
	padding: 0;
	border-radius: 3px;
	position: relative;
	border: solid 4px #008cd6
}

.bgwarp-3 .list-roll dt:after {
	content: "";
	display: block;
	padding-bottom: 100%
}

.bgwarp-3 .list-roll dt img {
	vertical-align: middle
}

@media (max-width:1260px) {
	.bgwarp-3 .list-roll dt {
		display: none
	}
}

.bgwarp-3 .list-roll dd {
	-webkit-transition: all 334ms ease-in;
	transition: all 334ms ease-in;
	width: 79%;
	float: right;
	margin-top: 20px;
	background: #fff;
	padding: 15px 30px;
	border-radius: 5px;
	position: relative
}

.bgwarp-3 .list-roll dd:before {
	content: "";
	top: 50%;
	left: -10px;
	margin-top: -3px;
	position: absolute;
	border-top: solid 6px transparent;
	border-bottom: solid 6px transparent;
	border-right: solid 10px #fff
}

.bgwarp-3 .list-roll dd h3 {
	height: 24px;
	font-size: 20px;
	overflow: hidden;
	font-weight: normal;
	-webkit-transition: all 0ms ease-in;
	transition: all 0ms ease-in
}

.bgwarp-3 .list-roll dd h3 a {
	color: #008cd6;
	-webkit-transition: all 0ms ease-in;
	transition: all 0ms ease-in
}

.bgwarp-3 .list-roll dd h3 a:hover {
	text-decoration: underline
}

.bgwarp-3 .list-roll dd p {
	margin-top: 8px;
	line-height: 18px;
	height: 36px;
	overflow: hidden;
	-webkit-transition: all 0ms ease-in;
	transition: all 0ms ease-in
}

.bgwarp-3 .list-roll dd p a {
	color: #008cd6;
	-webkit-transition: all 0ms ease-in;
	transition: all 0ms ease-in
}

@media (max-width:1600px) and (max-height:900px) {
	.bgwarp-3 .list-roll dd {
		margin-top: 10px
	}
}

@media (max-width:1440px) {
	.bgwarp-3 .list-roll dd {
		margin-top: 0
	}
}

@media (max-width:1366px) and (max-height:768px) {
	.bgwarp-3 .list-roll dd {
		margin-top: 0
	}
}

@media (max-width:1370px) {
	.bgwarp-3 .list-roll dd h3 {
		font-size: 14px
	}
}

@media (max-width:1260px) {
	.bgwarp-3 .list-roll dd {
		width: 100%;
		margin-top: 0;
		padding: 5px 15px
	}

	.bgwarp-3 .list-roll dd:after {
		display: none
	}

	.bgwarp-3 .list-roll dd h3 {
		font-size: 14px
	}

	.bgwarp-3 .list-roll dd p {
		font-size: 15px;
		margin-top: 0
	}
}

.bgwarp-3 .list-roll dd:hover {
	background: rgba(255,255,255,0.7)
}

.bgwarp-3 .list-roll dd:hover:after {
	border-right: solid 10px rgba(255,255,255,0.7)
}

.bgwarp-3 .list-roll .slick-dots {
	bottom: -40px
}

.bgwarp-3 .list-roll .slick-dots li button {
	width: 18px;
	height: 18px;
	background: url(../images/arrow-btn.png) no-repeat
}

.bgwarp-3 .list-roll .slick-dots li.slick-active button {
	background: url(../images/arrow-btn-hover.png) no-repeat
}

.bgwarp-4 {
	color: #008cd6
}

@media (max-width:1279px) {
	.bgwarp-4 {
		margin-top: 0
	}
}

.bgwarp-4 .textbox {
	padding-left: 70px
}

@media (max-width:1279px) {
	.bgwarp-4 .textbox {
		padding-left: 0
	}
}

.bgwarp-4 .title-3 {
	color: #666;
	padding-top: 60px;
	line-height: 30px;
	font-size: 20px
}

@media (max-width:1370px) {
	.bgwarp-4 .title-3 {
		padding-top: 30px;
		font-size: 15px;
		line-height: 24px
	}
}

@media (max-width:1000px) {
	.bgwarp-4 .title-3 {
		padding-top: 30px;
		font-size: 15px;
		line-height: 24px
	}
}

.bgwarp-4 .title-button {
	padding: 0 40px
}

@media (max-width:1440px) {
	.bgwarp-4 .title-button {
		padding: 0 10px
	}
}

@media (max-width:420px) {
	.bgwarp-4 .title-button {
		padding: 0 10px
	}
}

.page6 {
	border-top: solid 5px #008cd6;
	border-bottom: solid 5px #008cd6
}

@media (max-width:640px) {
	.page6 {
		border-bottom: 0
	}
}

@media (max-width:640px) {
	.bgwarp-5 {
		display: none
	}
}

.bgwarp-5 .message {
	padding-top: 60px;
	background: #fff
}

@media (max-width:1279px) {
	.bgwarp-5 .message {
		padding-top: 20px
	}
}

.bgwarp-5 .message .pic {
	padding: 20px 0;
	text-align: center
}

.bgwarp-5 .message .pic img {
	max-height: 40px
}

@media (max-width:1366px) and (max-height:768px) {
	.bgwarp-5 .message .pic {
		display: none
	}
}

@media (max-width:1200px) {
	.bgwarp-5 .message .pic {
		padding: 0
	}

	.bgwarp-5 .message .pic img {
		max-height: 20px
	}
}

.bgwarp-5 .message .title-1 {
	text-align: center;
	line-height: 40px;
	color: #008cd6;
	font-size: 36px;
	letter-spacing: 10px
}

@media (max-width:1200px) {
	.bgwarp-5 .message .title-1 {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: 5px
	}
}

.bgwarp-5 .message .title-2 {
	padding: 30px 0;
	font-size: 16px;
	text-align: center
}

@media (max-width:1370px) {
	.bgwarp-5 .message .title-2 {
		font-size: 15px;
		padding-top: 5px;
		line-height: 20px
	}
}

.bgwarp-5 .message .content {
	width: 1180px;
	margin: 0 auto
}

.bgwarp-5 .message .content .text {
	color: #999;
	font-size: 15px;
	text-align: justify;
	padding: 40px 10px
}

@media (max-width:1440px) {
	.bgwarp-5 .message .content {
		width: 980px;
		margin: 0 auto
	}
}

@media (max-width:1366px) {
	.bgwarp-5 .message .content .text {
		padding-top: 20px
	}
}

@media (max-width:1000px) {
	.bgwarp-5 .message .content {
		width: 100%
	}

	.bgwarp-5 .message .content .text {
		display: none
	}
}

.bgwarp-5 .message li p {
	float: left;
	padding: 0 10px;
	width: 42%;
	margin-top: 15px;
	position: relative
}

@media (max-width:1440px) {
	.bgwarp-5 .message li p {
		padding: 0 5px
	}
}

.bgwarp-5 .message li p input,.bgwarp-5 .message li p textarea {
	width: 100%;
	padding: 10px;
	padding-left: 35px;
	border-radius: 3px;
	font-size: 15px;
	color: #555;
	font-family: "鐎甸偊鍠涢拏瀣⒖閸涘鎷�";
	border: solid 1px #e1e1e1
}

@media (max-width:1440px) {
	.bgwarp-5 .message li p input,.bgwarp-5 .message li p textarea {
		font-size: 12px
	}
}

.bgwarp-5 .message li p label {
	top: 13px;
	left: 20px;
	position: absolute
}

.bgwarp-5 .message li p label img {
	max-height: 16px
}

@media (max-width:1200px) {
	.bgwarp-5 .message li p {
		width: 100%
	}
}

.bgwarp-5 .message li .w {
	width: 29%
}

@media (max-width:1200px) {
	.bgwarp-5 .message li .w {
		width: 100%
	}
}

.bgwarp-5 .message li .w2 label {
	top: auto;
	left: auto;
	color: #999;
	float: left;
	line-height: 30px;
	position: relative
}

.bgwarp-5 .message li .w2 label img {
	margin: 10px 5px 0 10px
}

@media (max-width:480px) {
	.bgwarp-5 .message li .w2 label img {
		margin-top: 3px
	}
}

.bgwarp-5 .message li .w2 span {
	width: 27.2%;
	float: left;
	border-left: solid 4px #fff;
	display: block
}

@media (max-width:480px) {
	.bgwarp-5 .message li .w2 span {
		width: 100%;
		margin-top: 10px
	}
}
@media (max-width:1440px) {
	.bgwarp-5 .message li .w2 span {
		width: 25.8%;
	}
}
.bgwarp-5 .message li .w2 select {
	width: 100%;
	padding: 6px 5px;
	border-radius: 3px;
	font-size: 15px;
	color: #999;
	font-family: "鐎甸偊鍠涢拏瀣⒖閸涘鎷�";
	border: solid 1px #e1e1e1;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	position: relative;
	background: url(../images/arrow-btn3.jpg) no-repeat center right
}

@media (max-width:1440px) {
	.bgwarp-5 .message li .w2 select {
		font-size: 12px
	}
}

.bgwarp-5 .message li .w3 {
	width: 100%
}

.bgwarp-5 .message li .w3 textarea {
	height: 120px
}

.bgwarp-5 .message li .w3 input[type="button"] {
	color: #fff;
	font-weight: bold;
	padding: 7px;
	border-color: #008cd6;
	background: #008cd6
}

.phone-message {
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	top: 50px;
	background: #fff;
	position: fixed;
	display: none
}

@media (max-width:360px) {
	.phone-message {
		top: 0
	}
}

.phone-message .close {
	right: 10px;
	top: 5px;
	position: absolute
}

.phone-message .close img {
	max-height: 23px
}

.phone-message .message {
	padding-top: 60px;
	background: #fff
}

@media (max-width:1279px) {
	.phone-message .message {
		padding-top: 30px
	}
}

.phone-message .message .pic {
	padding: 20px 0;
	text-align: center
}

.phone-message .message .pic img {
	max-height: 40px
}

@media (max-width:1366px) and (max-height:768px) {
	.phone-message .message .pic {
		display: none
	}
}

@media (max-width:1200px) {
	.phone-message .message .pic {
		padding: 0
	}

	.phone-message .message .pic img {
		max-height: 20px
	}
}

.phone-message .message .title-1 {
	text-align: center;
	line-height: 40px;
	color: #008cd6;
	font-size: 36px;
	letter-spacing: 10px
}

@media (max-width:1200px) {
	.phone-message .message .title-1 {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: 5px
	}
}

.phone-message .message .title-2 {
	padding: 30px 0;
	font-size: 16px;
	text-align: center
}

@media (max-width:1370px) {
	.phone-message .message .title-2 {
		font-size: 15px;
		padding-top: 5px;
		line-height: 20px
	}
}

.phone-message .message .content {
	width: 1180px;
	margin: 0 auto
}

.phone-message .message .content .text {
	color: #999;
	font-size: 15px;
	text-align: justify;
	padding: 40px 10px
}

@media (max-width:1180px) {
	.phone-message .message .content {
		width: 100%
	}

	.phone-message .message .content .text {
		display: none
	}
}

.phone-message .message li p {
	float: left;
	padding: 0 10px;
	width: 40%;
	margin-top: 15px;
	position: relative
}

.phone-message .message li p input,.phone-message .message li p textarea {
	width: 100%;
	padding: 10px;
	padding-left: 35px;
	border-radius: 3px;
	font-size: 15px;
	color: #555;
	font-family: "鐎甸偊鍠涢拏瀣⒖閸涘鎷�";
	border: solid 1px #e1e1e1
}

.phone-message .message li p label {
	top: 13px;
	left: 20px;
	position: absolute
}

.phone-message .message li p label img {
	max-height: 16px
}

@media (max-width:1200px) {
	.phone-message .message li p {
		width: 100%
	}
}

@media (max-width:640px) {
	.phone-message .message li p {
		margin-top: 5px
	}

	.phone-message .message li p input,.phone-message .message li p textarea {
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 15px
	}

	.phone-message .message li p label {
		top: 8px
	}

	.phone-message .message li p img {
		display: none
	}
}

.phone-message .message li .w {
	width: 30%
}

@media (max-width:1200px) {
	.phone-message .message li .w {
		width: 100%
	}
}

.phone-message .message li .w2 label {
	top: auto;
	left: auto;
	color: #999;
	float: left;
	line-height: 30px;
	position: relative
}

.phone-message .message li .w2 label img {
	margin: 10px 5px 0 10px
}

@media (max-width:480px) {
	.phone-message .message li .w2 label img {
		margin-top: 3px
	}
}

.phone-message .message li .w2 span {
	width: 26.766%;
	float: left;
	border-left: solid 4px #fff;
	display: block
}

@media (min-width:1024px) {
	.phone-message .message li .w2 .w2_span{
		margin-left: -4px;
	}
}

@media (max-width:640px) {
	.phone-message .message li .w2 span {
		width: 100%;
		margin-top: 5px;
		border: 0
	}
}

.phone-message .message li .w2 select {
	width: 100%;
	padding: 6px 15px;
	border-radius: 3px;
	font-size: 15px;
	color: #999;
	font-family: "鐎甸偊鍠涢拏瀣⒖閸涘鎷�";
	border: solid 1px #e1e1e1;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	position: relative;
	background: url(../images/arrow-btn3.jpg) no-repeat center right #fff
}

.phone-message .message li .w3 {
	width: 100%
}

.phone-message .message li .w3 textarea {
	height: 120px
}

@media (max-width:640px) {
	.phone-message .message li .w3 textarea {
		height: 40px
	}
}

.phone-message .message li .w3 input[type="button"] {
	color: #fff;
	font-weight: bold;
	padding: 7px;
	border-color: #008cd6;
	background: #008cd6
}

.footer-box {
	color: #fff;
	padding-top: 50px;
	background: #00b2b2
}

.footer-box-3{
   background-color: #4b4a48
	
}
.footer-box-5{
   background-color: #8fc053
	
}
.footer-box-10{
   background-color: #ff6060
	
}

@media (max-width:1440px) {
	.footer-box {
		font-size: 13px;
		padding-top: 30px
	}
}

@media (max-width:640px) {
	.footer-box {
		font-size: 12px;
		margin-bottom: 48px;
		background: #999
	}
}

.footer-box ul {
	padding: 0 150px
}

@media (max-width:1600px) {
	.footer-box ul {
		padding: 0 50px
	}
}

@media (max-width:1370px) {
	.footer-box ul {
		padding: 0 30px
	}
}

@media (max-width:1280px) {
	.footer-box ul {
		padding: 0 20px
	}
}

.footer-box li {
	width: 11%;
	float: left
}

@media (max-width:1920px) {
	.footer-box li:nth-child(4),.footer-box li:nth-child(5) {
		width: 9%
	}

	.footer-box li:nth-child(6),.footer-box li:nth-child(7) {
		width: 15%
	}
}

.footer-box li h3 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px
}

.footer-box li h3 a {
	color: #fff;
	opacity: 1
}

@media (max-width:1440px) {
	.footer-box li h3 {
		font-size: 30px;
		margin-bottom: 30px
	}
}

.footer-box li a {
	color: #fff;
	opacity: .7;
	display: block;
	margin-top: 8px
}

.footer-box li a:hover {
	color: #fff;
	opacity: 1
}

@media (max-width:1440px) {
	.footer-box li a {
		font-size: 12px
	}
}

.footer-box li .tel {
	padding-bottom: 10px;
	margin-top: -10px;
	border-bottom: solid 1px rgba(255,255,255,0.3)
}

.footer-box li .tel a {
	color: #fff;
	font-size: 27px;
	line-height: 40px;
	opacity: 1;
	font-weight: lighter
}

@media (max-width:1600px) {
	.footer-box li .tel a {
		font-size: 32px
	}
}

@media (max-width:1440px) {
	.footer-box li .tel a {
		font-size: 26px
	}
}

.footer-box .last {
	width: 18%;
	padding-left: 50px;
	border-left: solid 1px rgba(255,255,255,0.3)
}

.footer-box .button {
	color: #fff;
	width: 100%px;
	margin-top: 15px;
	text-align: center;
	line-height: 33px;
	border-radius: 5px;
	opacity: 1;
	border: solid 1px #fff;
	padding-left: 0px;
}

.footer-box .button:hover {
	background: #fff;
	color: #008cd6
}

.footer-box .share {
	padding: 10px 0 30px 0
}

.footer-box .share a {
	opacity: 1;
	display: inline-block
}

.footer-box .share img {
	max-height: 35px;
	margin-right: 10px
}

.footer-box .add {
	line-height: 20px;
	padding-bottom: 15px;
	border-bottom: solid 1px rgba(255,255,255,0.3)
}

.footer-box .copy {
	color: #fff;
	padding: 20px 150px;
	margin-top: 40px;
	text-align: left;
	letter-spacing: .1rem;
	border-top: solid 1px rgba(255,255,255,0.3)
}
.footer-box .copy a{
	color: #fff;
}

.footer-box .copy span {
	padding: 0 70px;
	display: inline-block
}

@media (max-width:1600px) {
	.footer-box .copy {
		padding: 10px 50px
	}

	.footer-box .copy span {
		padding: 0 30px
	}
}

@media (max-width:1366px) {
	.footer-box .copy {
		padding: 10px 30px
	}
}

@media (max-width:1280px) {
	.footer-box .copy {
		padding: 10px 20px
	}

	.footer-box .copy span {
		padding: 0 10px
	}
}

@media (max-width:1200px) {
	.footer-box {
		padding-top: 0
	}

	.footer-box .footer-menu {
		display: none
	}

	.footer-box .copy {
		margin-top: 30px;
		letter-spacing: 0;
		padding: 10px;
		border-top: 0;
		text-align: center;
		line-height: 20px
	}

	.footer-box .copy span {
		display: none
	}
}

.footer-box-2 {
	background-color: #2db7b7
}

.footer-box-2 .button:hover {
	color: #c49845
}

#page1 {
	position: relative
}

#page2 {
	position: relative
}

.active-page1 .title-1 {
	position: relative;
	-webkit-animation: 1s fadein ease;
	animation: 1s fadein ease
}

.active-page1 .title-2 {
	position: relative;
	-webkit-animation: 1.2s fadein ease;
	animation: 1.2s fadein ease
}

.active-page1 .title-3 {
	position: relative;
	-webkit-animation: 1.3s fadein ease;
	animation: 1.3s fadein ease
}

@media (max-width:1024px) {
	.active-page1 .title-1,.active-page1 .title-2,.active-page1 .title-3 {
		-webkit-animation: 0s;
		animation: 0s
	}
}

.active-page2 .textbox .title-1 {
	position: relative;
	-webkit-animation: 1s fadein ease;
	animation: 1s fadein ease
}

.active-page2 .textbox .title-2 {
	position: relative;
	-webkit-animation: 1.2s fadein ease;
	animation: 1.2s fadein ease
}

.active-page2 .textbox .title-3 {
	position: relative;
	-webkit-animation: 1.3s fadein ease;
	animation: 1.3s fadein ease
}

.active-page2 .textbox .title-4 {
	position: relative;
	-webkit-animation: 1.4s fadein ease;
	animation: 1.4s fadein ease
}

.active-page2 .textbox .title-5 {
	position: relative;
	-webkit-animation: 1.5s fadein ease;
	animation: 1.5s fadein ease
}

.active-page2 .textbox .title-6 {
	position: relative;
	-webkit-animation: 1.6s fadein ease;
	animation: 1.6s fadein ease
}

.active-page3 .title-1,.active-page5 .title-1 {
	position: relative;
	-webkit-animation: 1.1s fadein ease;
	animation: 1.1s fadein ease
}

.active-page3 .title-2,.active-page5 .title-2 {
	position: relative;
	-webkit-animation: 1.2s fadein ease;
	animation: 1.2s fadein ease
}

.active-page3 .title-3,.active-page5 .title-3 {
	position: relative;
	-webkit-animation: 1.2s fadein ease;
	animation: 1.2s fadein ease
}

.active-page3 .title-4,.active-page5 .title-4 {
	position: relative;
	-webkit-animation: 1.3s fadein ease;
	animation: 1.3s fadein ease
}

.wrapper.active-page4 .page.page4 .title-1 {
	position: relative;
	-webkit-animation: 1.1s fadein ease;
	animation: 1.1s fadein ease
}

.wrapper.active-page4 .page.page4 .title-2 {
	position: relative;
	-webkit-animation: 1.2s fadein ease;
	animation: 1.2s fadein ease
}

@-webkit-keyframes fadein {
	0% {
		opacity: 0;
		-webkit-transform: translateY(70px);
		transform: translateY(70px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadein {
	0% {
		opacity: 0;
		-webkit-transform: translateY(70px);
		transform: translateY(70px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.insider-header {
	position: absolute;
	padding-bottom: 25px;
	border-bottom: solid 1px rgba(255,255,255,0.3)
}

.insider-header .header {
	margin-top: 10px
}

.insider-header .nav li a {
	opacity: .8
}

.insider-header .nav .active a {
	opacity: 1
}

.insider-header .button-link {
	margin-top:16px
}

.insider-header .button-link a {
	color: #fff;
	font-size: 21px;
	opacity: .8;
	border-color: rgba(255,255,255,0.3)
}

.insider-header .button-link a:hover {
	background: none;
	border-color: #fff
	
}


@media (max-width:1760px) {
	.insider-header .button-link a {
		font-size: 14px
	}
}

@media (max-width:1300px) {
	.insider-header {
		padding-bottom: 0
	}

	.insider-header .button-link {
		margin-top: 6px
	}
}

@media (max-width:1279px) {
	.insider-header {
		position: fixed;
		top: 0;
		left: 0;
		padding-bottom: 0
	}

	.insider-header .header {
		margin-top: 0
	}
}

.insider-header-2 .flogo {
	display: block
}

.insider-header-2 .flogo-1 {
	display: none
}

.insider-header-2 .nav li a {
	opacity: 1;
	color: #4a4a4a;
	line-height: 50px
}

.insider-header-2 .nav li a:hover {
	color: #008cd6
}

.insider-header-2 .nav li:hover:after {
	background: #008cd6
}

.insider-header-2 .header .nav .active a {
	opacity: 1;
	color: #008cd6
}

.insider-header-2 .header .nav .active:after {
	opacity: 1;
	background: #008cd6
}

.insider-header-2 .button-link a {
	opacity: .8;
	 color: #00b2b2;
	border-color: #00b2b2 
}

.insider-header-2 .button-link a:hover {
	opacity: 1;
	color: #00b2b2;
	border-color: #00b2b2
}

.insider-header-3 {
	padding-bottom: 0
}

.insider-header-3 .header {
	margin-top: 0
}

.insider-header-3 .nav {
	margin-top: 0
}

.insider-header-3 .nav li a {
	color: #008cd6
}

.insider-header-3 .button-link {
	margin-top: 15px
}

.insider-header-4 {
	padding-bottom: 0
}

.insider-header-4 .header {
	margin-top: 0
}

.insider-header-4 .nav {
	margin-top: 0
}

.insider-header-4 .nav li a {
	color: #4a4a4a
}

.insider-header-4 .nav li a:hover {
	color: #c49845
}

.insider-header-4 .nav li:hover:after {
	background: #c49845
}

.insider-header-4 .button-link {
	margin-top: 15px
}

.insider-header-4 .button-link a {
	color: #c49845;
	border-color: #c49845
}

.insider-header-4 .button-link a:hover {
	background: #c49845
}

.fixed1 {
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	position: fixed;
	margin-top: 0;
	box-shadow: 0 0 3px #ccc;
	background: rgba(255,255,255,0.98);
	padding-bottom: 0;
	-webkit-transition: all 334ms ease-in-out;
	transition: all 334ms ease-in-out;
	-webkit-animation: 2s dong;
	animation: 2s dong
}

.fixed1 .flogo {
	display: block;
	margin-top: 7px
}

.fixed1 .flogo img {
	max-height:45px
}

.fixed1 .flogo-1 {
	display: none
}

.fixed1 .nav {
	margin-top: 0
}

.fixed1 .nav li a {
	opacity: 1;
	color: #4a4a4a;
	line-height: 75px
}

.fixed1 .nav li a:hover {
	color: #008cd6
}

.fixed1 .nav li:hover:after {
	background: #008cd6
}

.fixed1 .button-link a {
	opacity: .8;
	color: #008cd6;
	border-color: #008cd6
}

.fixed1 .button-link a:hover {
	opacity: 1;
	color: #008cd6;
	border-color: #008cd6
}

.fixed1 .header .nav .active a {
	opacity: 1;
	color: #008cd6
}

.fixed1 .header .nav .active:after {
	opacity: 1;
	background: #008cd6
}

@media (max-width:1300px) {
	.fixed1 {
		height: 60px;
		margin-top: 0
	}

	.fixed1 .flogo {
		margin-top: 0
	}

	.fixed1 .flogo img {
		max-height: 35px
	}

	.fixed1 .nav li a {
		line-height: 50px
	}

	.fixed1 .button-link {
		margin-top: 6px
	}
}

@media (max-width:1279px) {
	.inside-banner {
		margin-top: 50px
	}
}

.inside-current {
	height: 24px;
	overflow: hidden;
	text-align: right;
	margin-top: 35px
}

.inside-current img {
	max-height: 17px;
	margin: 3px 5px 0 0
}

.inside-current .crumb span {
	color: #008cd6;
	border-bottom: solid 1px #008cd6
}

.inside-current .crumb span a{
	color: #008cd6;
}

@media (max-width:1440px) {
	.inside-current {
		font-size: 12px
	}
}

@media (max-width:1279px) {
	.inside-current {
		margin-top: 15px;
		text-align: left
	}
}

.inside-about {
	padding-top: 45px;
	position: relative;
	line-height: 32px;
	font-size: 16px;
	padding-bottom: 135px;
}

.inside-about .leftbox {
	width: 48%;
	float: left;
	margin-top: -20px
}

.inside-about .leftbox h2 {
	color: #333;
	font-size: 60px;
	line-height: 72px;
	font-weight: normal
}

.inside-about .leftbox h2 span {
	padding: 0 40px;
	display: inline-block
}

.inside-about .leftbox .font24 {
	font-size: 24px;
	color: #008cd6;
	padding-top: 40px;
	margin-bottom: 20px
}

.inside-about .leftbox .font24 span {
	padding-bottom: 5px;
	display: inline-block;
	border-bottom: solid 2px #008cd6
}

.inside-about .rightbox {
	width: 35%;
	float: left;
	color: #fff;
	padding-left: 11%;
	margin-top: 70px
}

.inside-about .rightbox div {
	 background: #0d85c8; 
	padding: 50px 30px 50px 40px
}

.inside-about .rightbox p:first-child {
	font-size: 30px;
	line-height: 40px;
	padding-bottom: 20px
}

@media (max-width:1440px) {
	.inside-about {
		font-size: 15px;
		line-height: 24px
	}

	.inside-about .leftbox h2 {
		font-size: 30px;
		line-height: 36px
	}

	.inside-about .leftbox h2 span {
		padding: 0 10px
	}

	.inside-about .leftbox .font24 {
		font-size: 18px;
		padding-top: 30px
	}

	.inside-about .rightbox div {
		padding: 30px 20px
	}

	.inside-about .rightbox p:first-child {
		font-size: 20px;
		line-height: 24px;
		padding-bottom: 10px
	}
}

@media (max-width:1200px) {
	.inside-about {
		padding-bottom: 50px;
		font-size: 15px;
		line-height: 24px
	}

	.inside-about .leftbox h2 {
		font-size: 22px;
		line-height:26px
	}

	.inside-about .leftbox h2 span {
		padding: 0 10px
	}

	.inside-about .rightbox {
		width: 40%;
		float: right;
		padding-left: 0
	}

	.inside-about .rightbox div {
		padding: 20px
	}
}

@media (max-width:640px) {
	.inside-about .leftbox {
		width: 100%;
		float: none
	}

	.inside-about .leftbox .font24 {
		font-size: 16px;
		padding-top: 20px
	}

	.inside-about .rightbox {
		width: 100%;
		float: none;
		margin-top: 20px
	}

	.inside-about .rightbox p:first-child {
		font-size: 24px;
		padding-bottom: 0
	}
}
.shipin{
	    width: 100%;
		float: none;
		padding-top: 120px;
		padding-left:50px;
		margin: 0 auto;
		align:center;
	background-position: center center;
	position: relative;
	
	
}
.inside-hstory {
	color: #fff;
	padding-top: 20px;
	
	min-height: 880px;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center
	
}


.inside-hstory .title h2 {
	font-size: 20px;
	font-weight: normal
}

.inside-hstory .title p {
	font-size: 48px;
	line-height: 50px;
	padding: 10px 0 20px 0;
	position: relative
}

.inside-hstory .title p:after {
	content: "";
	width: 37px;
	height: 1px;
	bottom: 0;
	left: 0;
	background: #fff;
	position: absolute
}

.inside-hstory .list-roll {
	padding: 0 210px;
	margin-top: 120px;
	height: 270px;
	position: relative
}

.inside-hstory .list-roll:before {
	content: "";
	width: 100%;
	height: 1px;
	left: 0;
	top: 57px;
	position: absolute;
	background: rgba(255,255,255,0.2)
}

.inside-hstory .slick-dots {
	bottom: -100px;
	right: 50px
}

.inside-hstory .slick-prev,.inside-hstory .slick-next {
	width: 35px;
	height: 35px;
	border: 0;
	z-index: 11;
	top: 50%;
	margin-top: -95px
}

.inside-hstory .slick-prev {
	left: 180px;
	background: url(../images/arrow-left.png) no-repeat
}

.inside-hstory .slick-next {
	right: 180px;
	background: url(../images/arrow-right.png) no-repeat
}

.inside-hstory .slick-dots li button {
	margin: 0 10px
}

.inside-hstory .slick-dots li.slick-active button {
	width: 16px;
	height: 16px;
	background: none;
	background-color: none;
	border: solid 2px #fff
}

.inside-hstory dl {
	padding: 0 50px
}

.inside-hstory dt {
	color: #008cd6;
	font-size: 36px;
	line-height: 40px;
	padding-bottom: 15px;
	border-bottom: solid 5px #008cd6
}

.inside-hstory dd {
	font-size: 16px
}

.inside-hstory dd p {
	padding-top: 30px
}

@media (max-width:1800px) {
	.inside-hstory .list-roll {
		padding: 0 80px
	}

	.inside-hstory .list-roll .slick-prev {
		left: 80px
	}

	.inside-hstory .list-roll .slick-next {
		right: 80px
	}
}

@media (max-width:1570px) {
	.inside-hstory .list-roll {
		padding: 0 120px
	}

	.inside-hstory .list-roll .slick-prev,.inside-hstory .list-roll .slick-next {
		margin-top: -85px
	}

	.inside-hstory .list-roll .slick-prev {
		left: 100px
	}

	.inside-hstory .list-roll .slick-next {
		right: 100px
	}
}

@media (max-width:1500px) {
	.inside-hstory .list-roll .slick-prev,.inside-hstory .list-roll .slick-next {
		margin-top: -95px
	}
}

@media (max-width:1440px) {
	.inside-hstory dt {
		font-size: 30px;
		border-bottom: solid 2px #008cd6
	}

	.inside-hstory dd {
		font-size: 14px
	}

	.inside-hstory dd p {
		padding-top: 20px
	}
}

@media (max-width:1360px) {
	.inside-hstory .list-roll {
		padding: 0 100px
	}

	.inside-hstory .list-roll .slick-prev {
		left: 30px
	}

	.inside-hstory .list-roll .slick-next {
		right: 30px
	}
}

@media (max-width:1280px) {
	.inside-hstory {
		min-height: auto;
		padding-bottom: 30px;
		padding-top: 30px;
		overflow: hidden
	}

	.inside-hstory dl {
		padding: 0;
		padding-left: 18px;
		padding-top: 20px;
		overflow: hidden
	}

	.inside-hstory dt {
		border: 0;
		width: 15%;
		float: left;
		margin: 0;
		padding: 0;
		line-height: 24px;
		font-size: 20px
	}

	.inside-hstory dd {
		font-size: 13px;
		width: 85%;
		float: left
	}

	.inside-hstory .list-roll {
		margin-top: 25px;
		height: auto;
		padding: 0 15px
	}

	.inside-hstory .list-roll:before {
		display: none
	}

	.inside-hstory .title p {
		font-size: 30px;
		line-height: 30px
	}

	.inside-hstory dd p {
		padding-top: 0
	}
}

@media (max-width:1280px) and (max-width:380px) {
	.inside-hstory dt {
		width: 20%
	}
}

@media (max-width:1280px) and (max-width:380px) {
	.inside-hstory dd {
		width: 80%
	}
}

.inside-menu {
	margin-top: 35px;
	background: #4b4a48;
}

.inside-menu li {
	float: left;
	height: 60px;
	overflow: hidden;
	line-height: 60px;
	margin-right: 75px;
	width: 13.5%;
	text-align: center
}

.inside-menu li a {
	color: #fff;
	display: block;
	font-size:18px
}

.inside-menu li a:hover {
	background: #00b2b2
}

.inside-menu .active {
	background: #00b2b2
}

@media (max-width:1440px) {
	.inside-menu li {
		height:60px;
		line-height: 60px
	}

	.inside-menu li a {
		font-size: 16px
	}
}

@media (max-width:1170px) {
	.inside-menu {
		margin-top: 15px
	}

	.inside-menu li a {
		font-size: 14px
	}
}

@media (max-width:767px) {
	.inside-menu li {
		width: 25%;
		height: 42px;
		line-height: 42px;
		margin-right: 0;
		margin-bottom: 1px
	}
}

@media (max-width:560px) {
	.inside-menu .container {
		padding: 0
	}

	.inside-menu li {
		width: 50%;
		margin-right: 0;
		position: relative;
		margin-bottom: 0;
		border: solid 1px rgba(255,255,255,0.2);
		border-top: 0;
		margin-top: 0;
		border-right: 0
	}

	.inside-menu li:nth-child(2),.inside-menu li:nth-child(4),.inside-menu li:nth-child(6) {
		border-right: 0
	}
}

@media (max-width:414px) {
	.inside-menu li a {
		font-size: 15px
	}
}

.inside-technology {
	margin-top: 65px;
	color: #333;
	font-size: 16px
}

@media (max-width:1379px) {
	.inside-technology {
		margin-top: 40px
	}
}

@media (max-width:1500px) {
	.inside-technology {
		font-size: 15px
	}
}

.inside-technology .container {
	position: relative
}

.inside-technology .box {
	left: 0;
	top: 30px;
	width: 47%;
	position: absolute
}

@media (max-width:1600px) {
	.inside-technology .box {
		left: 110px
	}
}

.inside-technology .text-1 {
	font-size: 48px;
	line-height: 50px
}

.inside-technology .text-2 {
	font-size: 42px;
	line-height: 50px
}

.inside-technology .text-3 {
	padding: 40px 0 50px 0
}

.inside-technology .text-4 {
	color: #999;
	padding-top: 20px
}

.inside-technology .text-5 {
	color: #dead45;
	margin-top: 40px;
	font-size: 24px;
	line-height: 36px;
	padding-left: 25px;
	border-left: solid 4px #dead45
}

@media (max-width:414px) {
	.inside-technology .text-5 {
		padding-left: 15px
	}
}

@media (max-width:1440px) {
	.inside-technology .box {
		left: 100px
	}

	.inside-technology .text-1,.inside-technology .text-2 {
		font-size: 24px;
		line-height: 30px
	}

	.inside-technology .text-3 {
		font-size: 14px
	}

	.inside-technology .text-5 {
		margin-top: 20px;
		font-size: 16px;
		line-height: 20px
	}
}

@media (max-width:1200px) {
	.inside-technology {
		margin-top: 30px;
		font-size: 14px
	}

	.inside-technology .box {
		left: auto;
		width: 100%;
		top: auto;
		padding-bottom: 30px;
		position: relative
	}

	.inside-technology .pic {
		display: none
	}

	.inside-technology .pic-2 {
		text-align: center
	}

	.inside-technology .text-1,.inside-technology .text-2 {
		font-size: 20px;
		line-height: 24px
	}

	.inside-technology .text-3 {
		padding: 20px 0
	}

	.inside-technology .text-5 {
		margin-top: 20px;
		font-size: 16px;
		line-height: 20px
	}
}

.inside-technology-2 {
	min-height: 590px;
	padding-top: 85px;
	position: relative;
	background: url(../images/technology-bg.jpg) repeat-y
}

.inside-technology-2 .pic {
	right: 0;
	top: 115px;
	position: absolute
}

.inside-technology-2 .container {
	position: relative
}

.inside-technology-2 ul {
	color: #fff;
	width: 60%
}

.inside-technology-2 ul li {
	width: 30%;
	float: left;
}

.inside-technology-2 ul li .mask {
	padding-right: 80px
}

.inside-technology-2 ul li .mask h3 {
	font-size: 30px;
	line-height: 40px;
	font-weight: normal;
	padding: 15px 0
}

.inside-technology-2 ul li .mask p {
	padding-bottom: 15px
}

@media (max-width:1800px) {
	.inside-technology-2 .pic {
		width: 42%;
		top: 50px
	}
}

@media (max-width:1600px) {
	.inside-technology-2 .pic {
		top: 100px
	}

	.inside-technology-2 ul li .mask h3,.inside-technology-2 ul li .mask p {
		padding-right: 60px
	}

	.inside-technology-2 ul li .mask h3 {
		font-size: 16px;
		line-height: 24px
	}

	.inside-technology-2 ul li .mask p {
		font-size: 15px;
		padding-bottom: 5px
	}
}

@media (max-width:1370px) {
	.inside-technology-2 ul li img {
		max-height: 200px
	}
}

@media (max-width:1200px) {
	.inside-technology-2 {
		min-height: auto;
		padding: 50px 0 30px 0
	}

	.inside-technology-2 ul {
		width: 100%
	}

	.inside-technology-2 ul li {
		text-align: center
	}

	.inside-technology-2 ul li .mask {
		padding-right: 0;
		padding: 0 50px
	}

	.inside-technology-2 ul li .mask h3 {
		font-size: 18px;
		padding: 10px 0;
		padding-bottom: 0
	}

	.inside-technology-2 ul li .mask p {
		padding-bottom: 5px;
		padding-right: 0
	}

	.inside-technology-2 ul li:first-child {
		padding-top: 0
	}

	.inside-technology-2 .pic {
		display: none
	}
}

@media (max-width:580px) {
	.inside-technology-2 ul li {
		width: 100%;
		padding: 10px
	}

	.inside-technology-2 ul li .mask {
		padding: 0 30px
	}
}

.inside-technology-3 {
	margin-top: 40px;
	background: none
}

@media (max-width:1370px) {
	.inside-technology-3 {
		margin-top: 0
	}
}

.inside-technology-3 .pic {
	left: 0;
	right: auto
}

.inside-technology-3 ul {
	
	width: 100%;
	position: absolute;
	color: #666;
	padding-left:12%
}

.inside-technology-3 ul li .mask {
	padding-right: 150px;
	text-align: justify
}

.inside-technology-3 ul li .mask h3 {
	color: #dead45
}

@media (max-width:1800px) {
	.inside-technology-3 .pic {
		width: 45%
	}
}

@media (max-width:1480px) {
	.inside-technology-3 {
		min-height: 500px
	}

	.inside-technology-3 ul li .mask {
		padding-right: 50px
	}
}

@media (max-width:1200px) {
	.inside-technology-3 {
		min-height: auto
	}

	.inside-technology-3 ul {
		width: 100%;
		top: auto;
		right: auto;
		position: relative
	}

	.inside-technology-3 ul li .mask {
		padding: 0 30px;
		text-align: center
	}
}

.inside-technology-4 {
	margin-top: 180px;
	margin-bottom: 110px;
	background: url(../images/technology-bg2.jpg) repeat-y
}

@media (max-width:1370px) {
	.inside-technology-4 {
		margin-top: 80px;
		margin-bottom: 80px
	}
}

.inside-technology-4 ul {
	color: #666
}

.inside-technology-4 ul li .mask {
	padding-right: 150px;
	text-align: justify
}

.inside-technology-4 ul li .mask h3 {
	color: #dead45
}

.inside-technology-4 .pic {
	top: 50%;
	margin-top: -75px
}

@media (max-width:1530px) {
	.inside-technology-4 ul {
		padding-left: 30px
	}

	.inside-technology-4 ul li .mask {
		padding-right: 50px
	}
}

@media (max-width:1200px) {
	.inside-technology-4 {
		margin-top: 0;
		margin-bottom: 0;
		background: #f8f8f8
	}

	.inside-technology-4 ul {
		padding-left: 0
	}

	.inside-technology-4 ul li .mask {
		padding: 0 30px;
		text-align: center
	}
}

.inside-news {
	padding-top: 10px
}

.inside-news .container {
	padding: 0
}

.inside-news ul {
	padding-bottom: 40px;
	border-bottom: solid 1px #ececec
}

.inside-news li {
	width: 25%;
	float: left;
	padding: 30px 11px
}

.inside-news li .pic {
	overflow: hidden;
	position: relative
}

.inside-news li .pic img {
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom
}

.inside-news li .pic:before {
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 0;
	z-index: 1;
	opacity: 0;
	position: absolute;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transition: all 334ms ease;
	transition: all 334ms ease;
	background: rgba(0,0,0,0.3)
}

.inside-news li .pic:after {
	content: "";
	display: block;
	padding-bottom: 67%
}

.inside-news li h3 {
	font-size: 16px;
	color: #666;
	height: 22px;
	overflow: hidden;
	font-weight: normal;
	margin: 40px 0 10px 0
}

.inside-news li p {
	color: #bbb;
	font-size: 12px
}

.inside-news li p span {
	float: right;
	height: 20px;
    overflow: hidden;
    max-width: 232px;
}
@media (max-width:1400px) {
	.inside-news li p span {
		max-width: 100px;
	}
}
.inside-news li:hover .pic:before {
	opacity: 1;
	height: 100%
}

.inside-news li:hover img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.inside-news li:hover h3 {
	color: #000
}

.inside-tab .pagination li{
	width: auto;
	padding: 0px 4px;
}
.inside-tab ul.pagination{
	border-bottom: 0px;
}
@media (max-width:1000px) {
	.inside-news ul {
		padding-bottom: 20px
	}

	.inside-news li {
		padding: 10px
	}

	.inside-news li h3 {
		margin-top: 10px;
		font-size: 15px;
		margin-bottom: 0
	}
}

@media (max-width:767px) {
	.inside-news li {
		width: 33.333%
	}
}

@media (max-width:500px) {
	.inside-news li {
		width: 50%
	}
}

@media (max-width:380px) {
	.inside-news li {
		width: 100%
	}
}
.news-pages{
	text-align: center;
    width: 1550px;
    margin: 0 auto;
}

@media(max-width:1550px){
	.news-pages{width:100%;}
}

.inside-tab {
	padding: 60px 0;
	text-align: center;
	display: inline-block;
}

.inside-tab a,.inside-tab span{
	padding: 0 10px;
	line-height: 28px;
	background: #e4e4e4;
	display: inline-block
}

.inside-tab a:hover,.inside-tab a.cur, .inside-tab .pagination li.active span {
	color: #fff;
	background: #008cd6
}

@media (max-width:1000px) {
	.inside-tab {
		padding: 30px 0 10px 0
	}

	.inside-tab .num {
		display: none
	}
}

.inside-tab-2 {
	padding: 60px 0;
	text-align: center
}
.inside-tab-2 .pagination{
	display: inline-block;
}
.inside-tab-2 .pagination li{
	float: left;
	border-bottom:0px!important;
	padding: 0px!important;
}
.inside-tab-2 .pagination li a ,.inside-tab-2 .pagination li span{
	float: left;
	padding: 0 18px;
	display: inline-block;
	color: #008cd6;
	font-size: 15px;
	font-family: "鐎甸偊鍠涢拏瀣⒖閸涘鎷�";
	line-height: 34px;
	border: solid 1px #008cd6
}

.inside-tab-2 a:hover,.inside-tab-2 .pagination li.active {
	background-color: #fff
}

.inside-tab-2 a:first-child {
	border-right: 0
}

@media (max-width:1370px) {
 	.inside-tab-2 {
	padding: 30px 0
} 

	.inside-tab-2 a {
		padding: 0 15px;
		line-height: 30px
	}
}

.inside-angel {
	margin-top: 35px
}

.inside-angel .bg {
	min-height: 471px;
	background: url(../images/angel-bg.jpg) no-repeat top center #008cd6
}

.inside-angel .tab-box {
	width: 665px;
	margin: 0 auto
}

.inside-angel .tab-box .slick-prev,.inside-angel .tab-box .slick-next {
	width: 73px;
	height: 64px;
	border: 0;
	margin-top: -42px
}

.inside-angel .tab-box .slick-prev {
	left: -35px;
	background: url(../images/angel-left-arrow.png) no-repeat
}

.inside-angel .tab-box .slick-prev:hover {
	opacity: .9
}

.inside-angel .tab-box .slick-next {
	right: -35px;
	background: url(../images/angel-right-arrow.png) no-repeat
}

.inside-angel .tab-box .slick-next:hover {
	opacity: .9
}

.inside-angel .tab-list {
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative
}

.inside-angel .tab-list dl {
	background: #fff;
	border-radius: 10px;
	min-height: 274px;
	position: relative
}

.inside-angel .tab-list dt {
	width: 100%;
	margin-top: -50px;
	position: absolute
}

.inside-angel .tab-list dt .pic {
	width: 110px;
	height: 110px;
	margin: 0 auto;
	position: relative;
	border-radius: 100%;
	border: solid 2px #008cd6
}

.inside-angel .tab-list dt .pic img {
	border-radius: 100%
}

.inside-angel .tab-list dt span {
	color: #fff;
	width: 23px;
	height: 23px;
	font-size: 18px;
	font-family: arial;
	line-height: 20px;
	text-align: center;
	border-radius: 100%;
	border: solid 1px #fff;
	background: #008cd6;
	display: block;
	margin: 0 auto;
	margin-top: -15px;
	z-index: 9;
	position: relative
}

.inside-angel .tab-list dd {
	line-height: 20px;
	text-align: center;
	padding: 0 80px;
	padding-top: 80px;
	padding-bottom: 20px
}

.inside-angel .tab-list dd h1 {
	color: #333;
	font-size: 18px;
	font-weight: normal;
	height: 20px;
	overflow: hidden;
}

.inside-angel .tab-list dd .blue {
	font-size: 20px;
	color: #008cd6;
	padding: 25px 0 20px 0;
}
.inside-angel .tab-list dd .desc{
	height:60px ;
	overflow: hidden;
}
.inside-angel .tab-list dd p {
	color: #666
}

@media (max-width:1370px) {
	.inside-angel .tab-list dd .blue {
		font-size: 16px;
		padding-bottom: 10px
	}

	.inside-angel .tab-list dd p {
		font-size: 12px
	}
}

.inside-angel .tab--box-content .angel-round {
	z-index: 10;
	margin-top: -40px;
	position: relative;
	text-align: center
}

.inside-angel .tab--box-content .title {
	color: #333;
	line-height: 40px;
	text-align: center;
	font-size: 30px;
	padding-top: 30px
}

.inside-angel .tab-content {
	margin-top: 65px;
	/*padding-bottom: 100px*/
}
 .inside-angel .inside-page{
        width:65%;
        float: right;
        margin-bottom:70px;
        
    }
@media(max-width:1000px){
    .inside-angel .inside-page{
    	width:100%;
    }
}
@media (max-width:1370px) {
	.inside-angel .tab-content {
		margin-top: 30px;
		padding-bottom: 50px
	}
}

.inside-angel .tab-content .box .dw1 {
	top: -50px;
	height: 1px;
	position: absolute;
	outline: solid 1px #f30
}

.inside-angel .tab-content .box .left {
	width: 25.5%;
	float: left
}

.inside-angel .tab-content .box .left .textbox {
	color: #fff;
	margin-top: 25px;
	padding: 15px 10px 30px 30px;
	border-radius: 10px;
	background: #008cd6
}

.inside-angel .tab-content .box .left .textbox p {
	padding-top: 15px
}

@media (max-width:1370px) {
	.inside-angel .tab-content .box .left .textbox {
		font-size: 12px
	}

	.inside-angel .tab-content .box .left .textbox p {
		padding-top: 10px
	}
}

.inside-angel .tab-content .box .right {
	width: 69%;
	float: right;
	min-height: 500px;
	padding-left: 70px;
	font-size: 16px;
	color: #333;
	line-height: 30px;
	position: relative;
	border-left: solid 1px #e0e0e0
}

@media (max-width:1600px) {
	.inside-angel .tab-content .box .right {
		font-size: 14px;
		line-height: 26px
	}
}

@media (max-width:767px) {
	.inside-angel .tab-content .box .right {
		padding-top: 30px
	}
}

.inside-angel .tab-content .box .right time {
	font-size: 24px;
	line-height: 30px
}

.inside-angel .tab-content .box .right time span {
	font-size: 18px;
	padding-left: 10px;
	vertical-align: top
}

@media (max-width:1370px) {
	.inside-angel .tab-content .box .right time {
		font-size: 14px
	}

	.inside-angel .tab-content .box .right time span {
		font-size: 14px
	}
}

.inside-angel .tab-content .box .right .blue {
	color: #008cd6;
	font-size: 24px;
	line-height: 40px;
	padding: 20px 0 30px 0
}

@media (max-width:1370px) {
	.inside-angel .tab-content .box .right .blue {
		font-size: 16px;
		line-height: 26px;
		padding: 10px 0
	}
}

@media (max-width:1370px) {
	.inside-angel {
		margin-top: 15px
	}

	.inside-angel .tab--box-content .title {
		font-size: 20px
	}
}

@media (max-width:1000px) {
	.inside-angel .tab--box-content .angel-round {
		display: none
	}

	.inside-angel .tab--box-content .title {
		font-size: 20px;
		padding-top: 15px
	}

	.inside-angel .tab-content {
		margin-top: 15px;
		padding-bottom: 15px
	}

	.inside-angel .tab-content .box .left {
		width: 100%;
		float: none
	}

	.inside-angel .tab-content .box .left img {
		width: 100%
	}

	.inside-angel .tab-content .box .left .textbox {
		margin-top: 15px;
		border-radius: 0;
		padding-left: 15px
	}

	.inside-angel .tab-content .box .right {
		width: 100%;
		float: none;
		padding-left: 0;
		border: 0;
		font-size: 14px;
		line-height: 24px;
		margin-top: 15px
	}

	.inside-angel .tab-content .box .right time {
		font-size: 20px;
		line-height: 20px
	}

	.inside-angel .tab-content .box .right time span {
		margin-top: 3px;
		vertical-align: top;
		display: inline-block
	}

	.inside-angel .tab-content .box .right .blue {
		font-size: 20px;
		line-height: 20px;
		padding: 10px 0 20px 0
	}
}

@media (max-width:665px) {
	.inside-angel .bg {
		min-height: auto
	}

	.inside-angel .line {
		display: none
	}

	.inside-angel .tab-box {
		width: 100%;
		padding: 0 15px
	}

	.inside-angel .tab-box .slick-prev {
		left: 10px;
		opacity: 1
	}

	.inside-angel .tab-box .slick-prev:hover,.inside-angel .tab-box .slick-next:hover {
		opacity: 1
	}

	.inside-angel .tab-box .slick-next {
		right: 10px;
		opacity: 1
	}

	.inside-angel .tab-list {
		padding: 70px 15px 50px 15px
	}

	.inside-angel .tab-list dl {
		min-height: auto
	}

	.inside-angel .tab-list dd {
		padding-left: 40px;
		padding-right: 40px
	}

	.inside-angel .tab-list dd .blue {
		font-size: 16px;
		padding: 10px 0
	}

	.inside-angel .tab-list dd p {
		font-size: 12px
	}
}

.inside-page {
	color: #fff;
	line-height: 36px;
	background: #676767;
	margin-top: 70px;
	overflow: hidden
}

.inside-page li {
	width: 50%;
	float: left;
	padding: 0 30px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	-webkit-transition: all 334ms ease-in-out;
	transition: all 334ms ease-in-out
}

.inside-page li a {
	color: #fff
}

.inside-page li:hover {
	background: #008cd6
}

@media (max-width:1000px) {
	.inside-page {
		margin-top: 30px
	}
}

@media (max-width:640px) {
	.inside-page li {
		width: 100%;
		padding: 0 10px;
		border-bottom: solid 1px #fff
	}
}

.inside-case {
	margin-top: 50px;
	padding-bottom: 100px
}

@media (max-width:1370px) {
	.inside-case {
		padding-bottom: 70px
	}
}

.inside-case .title {
	line-height: 50px
}

@media (max-width:1440px) {
	.inside-case .title {
		line-height: 30px
	}
}

.inside-case .title h1 {
	color: #4a4a4a;
	font-size: 48px;
	padding-left: 10px;
	font-weight: normal;
	border-left: solid 6px #008cd6
}

@media (max-width:1440px) {
	.inside-case .title h1 {
		font-size: 24px;
		line-height: 30px
	}
}

.inside-case .title p {
	font-size: 16px;
	padding-top: 10px;
	padding-left: 20px
}

@media (max-width:1440px) {
	.inside-case .title p {
		font-size: 15px;
		padding-top: 0
	}
}

.inside-case .aside-left {
	width: 40%;
	float: left;
	margin-top: 50px
}

.inside-case .aside-left .all-menu-title {
	display: none
}

.inside-case .list-menu {
	z-index: 2;
	padding: 35px;
	margin-top: 40px;
	position: relative;
	padding-right: 65px;
	padding-bottom: 100px;
	background: #008cd6
}

.inside-case .list-menu li {
	font-size: 16px;
	padding-bottom: 5px
}

@media (max-width:1370px) {
	.inside-case .list-menu li {
		font-size: 15px;
		padding-bottom: 0
	}
}

.inside-case .list-menu li a {
	color: #fff;
	display: block;
	padding: 10px 23px;
	border: solid 1px #008cd6
}

.inside-case .list-menu li:hover a,.inside-case .list-menu .active a {
	border-color: #fff
}

.inside-case .list-box {
	width: 60%;
	float: left;
	margin-top: 30px;
	position: relative;
	margin-left: -75px
}

.inside-case .list-box .logo {
	top: -35px;
	right: -75px;
	position: absolute
}

.inside-case .list-box .mask {
	width: 108%;
	min-height: 500px;
	background: #f5f5f5;
	padding: 0 50px 0 140px
}

.inside-case .list-box li {
	padding: 25px 0;
	border-bottom: dashed 1px #008cd6
}

.inside-case .list-box li:hover dt {
	border-color: #008cd6
}

.inside-case .list-box li:hover dd .more {
	color: #008cd6;
	background-color: #fff;
	border: solid 1px #008cd6
}

.inside-case .list-box dt {
	width: 20%;
	float: left;
	background: #fff;
	border: solid 1px #dfdfdf;
	position: relative
}

.inside-case .list-box dt:after {
	content: "";
	display: block;
	padding-bottom: 124%
}

.inside-case .list-box dd {
	width: 80%;
	float: left;
	color: #333;
	font-size: 16px;
	padding: 0 20px 0 45px
}

@media (max-width:1370px) {
	.inside-case .list-box dd {
		font-size: 14px
	}
}

.inside-case .list-box dd p {
	height: 24px;
	overflow: hidden;
	margin-top: 25px
}

.inside-case .list-box dd p span {
	color: #008cd6
}

@media (max-width:1370px) {
	.inside-case .list-box dd p {
		margin-top: 10px
	}
}

.inside-case .list-box dd .more {
	float: right;
	display: block;
	margin-top: 10px;
	color: #fff;
	width: 120px;
	text-align: center;
	line-height: 40px;
	border: solid 1px #008cd6;
	background: #008cd6
}

@media (max-width:1440px) {
	.inside-case .list-box dd .more {
		line-height: 30px;
		font-size: 12px
	}
}

@media (max-width:1279px) {
	.inside-case {
		margin-top: 15px;
		padding-bottom: 0
	}

	.inside-case .title h1 {
		font-size: 20px;
		line-height: 30px
	}

	.inside-case .title p {
		padding-top: 0;
		line-height: 24px
	}

	.inside-case .list-box dd p {
		margin-top: 10px
	}
}

@media (max-width:860px) {
	.inside-case .title p {
		font-size: 14px
	}

	.inside-case .aside-left {
		width: 100%;
		margin-top: 0;
		padding-top: 20px;
		float: none;
		border-top: solid 1px #ddd
	}

	.inside-case .aside-left .all-menu-title {
		width: 100%;
		padding: 7px 10px;
		margin-top: 20px;
		font-size: 16px;
		position: relative;
		border: solid 1px #ddd;
		display: block
	}

	.inside-case .aside-left .all-menu-title span {
		float: right
	}

	.inside-case .aside-left .all-menu-title span img {
		max-height: 22px
	}

	.inside-case .aside-left .list-menu {
		display: none;
		padding-top: 20px;
		padding-bottom: 20px;
		background: #008cd6
	}

	.inside-case .aside-left .list-menu ul {
		/*height: 70px;*/
		/*overflow-y: scroll*/
	}

	.inside-case .list-box {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-top: 15px
	}

	.inside-case .list-box .mask {
		padding: 0 15px;
		width: 100%;
		min-height: auto
	}

	.inside-case .list-box .logo {
		display: none
	}

	.inside-case .list-box dd {
		font-size: 15px;
		padding-left: 20px
	}

	.inside-case .list-box dd p:first-child {
		margin-top: 0
	}

	.inside-case .list-box dd p {
		margin-top: 0
	}

	.inside-case .list-box dd .more {
		float: left;
		line-height: 24px;
		margin-top: 10px
	}

	.inside-case .list-menu {
		margin-top: 15px;
		padding: 15px;
		overflow: hidden
	}

	.inside-case .list-menu li {
		width: 100%;
		float: left;
		font-size: 14px
	}

	.inside-case .list-menu li a {
		padding: 3px 10px
	}
}

@media (max-width:470px) {
	.inside-case .list-box dt {
		width: 30%
	}

	.inside-case .list-box dd {
		width: 70%
	}
}

.inside-case-show {
	line-height: 36px
}

.inside-case-show dt {
	width: 27%;
	float: left;
	background: #fff;
	border: solid 1px #dfdfdf;
	position: relative
}

.inside-case-show dt:after {
	content: "";
	display: block;
	padding-bottom: 124%
}

.inside-case-show dd {
	width: 73%;
	float: left;
	color: #333;
	font-size: 16px;
	margin-top: 20px;
	padding-left: 20px
}

.inside-case-show dd h3 {
	color: #fff;
	line-height: 32px;
	font-weight: normal;
	padding-left: 20px;
	background: #008cd6
}

.inside-case-show dd p {
	padding-left: 20px
}

.inside-case-show .title-2 {
	margin-top: 20px;
	color: #008cd6;
	padding-left: 15px;
	background: #e5e5e5;
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px
}

.inside-case-show .title-3 {
	padding-bottom: 10px;
	color: #008cd6
}

.inside-case-show .title-4 {
	color: #fff;
	font-size: 16px;
	padding-left: 20px;
	margin-top: 30px;
	margin-bottom: 10px;
	background: #008cd6
}

.inside-case-show .title-5 span {
	color: #999
}

.inside-case-show .title-6 {
	line-height: 24px;
	font-size: 15px;
	color: #767676;
	padding-left: 20px
}

.inside-case-show .aside-left {
	width: 33%
}

.inside-case-show .list-box {
	width: 61%;
	margin-left: 0;
	float: right;
	padding-left: 80px;
	font-size: 16px;
	border-left: solid 1px #ddd
}

@media (max-width:1279px) {
	.inside-case-show .aside-left {
		width: 100%;
		float: none;
		overflow: hidden
	}

	.inside-case-show .list-box {
		width: 100%;
		float: none;
		border: 0;
		padding-left: 0
	}
}

@media (max-width:860px) {
	.inside-case-show {
		line-height: 24px
	}

	.inside-case-show .aside-left {
		margin-top: 15px
	}

	.inside-case-show .title-3 {
		color: #666
	}

	.inside-case-show .title-2,.inside-case-show .title-4 {
		line-height: 36px
	}

	.inside-case-show dd {
		margin-top: 0;
		font-size: 14px
	}

	.inside-case-show dd p {
		margin-top: 10px
	}

	.inside-case-show .list-box {
		font-size: 14px
	}
}

@media (max-width:420px) {
	.inside-case-show dt,.inside-case-show dd {
		width: 100%;
		float: none
	}

	.inside-case-show dt:after {
		padding-bottom: 60%
	}

	.inside-case-show dd {
		padding-left: 0;
		margin-top: 15px
	}
}

.inside-page-2 {
	padding-top: 40px
}

.inside-page-2 li {
	width: 33.33%;
	float: left
}

.inside-page-2 li a {
	color: #008cd6;
	display: inline-block;
	border-radius: 30px;
	min-width: 120px;
	line-height: 34px;
	text-align: center;
	font-size: 15px;
	border: solid 1px #008cd6
}

.inside-page-2 li a:hover {
	background: #008cd6;
	color: #fff
}

@media (max-width:860px) {
	.inside-page-2 {
		padding-top: 20px
	}

	.inside-page-2 li a {
		font-size: 15px;
		min-width: auto;
		padding: 0 5px;
		width: 100%;
		line-height: 30px;
		border: solid 1px #008cd6
	}
}


.inside-page-3 {
	padding-bottom:40px;
	padding-top: 40px;
	overflow:hidden;
	display:none;
}

.inside-page-3 li {
	width: 33.33%;
	float: left
}

.inside-page-3 li a {
	color: #008cd6;
	display: inline-block;
	border-radius: 30px;
	min-width: 120px;
	line-height: 34px;
	text-align: center;
	font-size: 15px;
	border: solid 1px #008cd6
}

.inside-page-3 li a:hover {
	background: #008cd6;
	color: #fff
}

@media (max-width:860px) {
	.inside-page-3 {
		padding-top: 20px
	}

	.inside-page-3 li a {
		font-size: 15px;
		min-width: auto;
		padding: 0 5px;
		width: 100%;
		line-height: 30px;
		border: solid 1px #008cd6
	}
}


.inside-discover-2 {
	padding-bottom: 100px;
	
}

.inside-discover-2 .list-left {
	width: 45%;
	float: left
}

.inside-discover-2 .list-left dl {
	margin-top: 25px
}

.inside-discover-2 .list-left dl:first-child dd {
	border-top: 0
}

.inside-discover-2 .list-left dt {
	width: 21%;
	float: left;
	position: relative
}

.inside-discover-2 .list-left dt:after {
	content: "";
	display: block;
	padding-bottom: 70%
}

.inside-discover-2 .list-left dd {
	width: 70%;
	float: right;
	color: #333;
	text-align: justify;
	padding-top: 20px;
	border-top: dashed 1px #008cd6
}

.inside-discover-2 .list-left dd h3 {
	font-size: 18px;
	color: #008cd6;
	font-weight: normal;
	padding-bottom: 10px
}

.inside-discover-2 .list-left .more {
	display: block;
	font-size: 15px;
	color: #008cd6;
	text-align: right;
	margin-top: 40px;
	text-decoration: underline
}

.inside-discover-2 .list-left .more:hover {
	color: #000
}

.inside-discover-2 .list-right {
	width: 55%;
	float: left;
	margin-top: 80px;
	position: relative;
	padding-left: 100px
}

.inside-discover-2 .list-right .t1 {
	color: #008cd6;
	padding-left: 15px;
	font-size: 16px;
	border-left: solid 5px #008cd6
}

.inside-discover-2 .list-right .t2 {
	color: #000;
	font-size: 48px;
	line-height: 58px;
	margin: 30px 25px
}

.inside-discover-2 .list-right .pic {
	top: 0;
	left: 400px;
	position: absolute
}

.inside-discover-2 .list-right .pic-2 {
	margin-top: 200px;
	position: relative;
	border-bottom: solid 23px #008cd6
}

.inside-discover-2 .list-right .pic-2:after {
	content: "";
	width: 100%;
	right: -50%;
	bottom: -23px;
	height: 23px;
	background: #008cd6;
	position: absolute
}

@media (max-width:1000px) {
	.inside-discover-2 .list-left {
		width: 100%;
		float: none
	}

	.inside-discover-2 .list-left dl:first-child dd {
		padding-top: 0
	}

	.inside-discover-2 .list-right {
		display: none
	}
}

.inside-deliver-smile .box-1 {
	margin-top: 100px;
	padding-top: 50px;
	background-repeat: no-repeat;
	background-position: top center;
}

@media (max-width:1440px) {
	.inside-deliver-smile .box-1 {
		margin-top: 60px
	}
}

.inside-deliver-smile .box-1 .title-1 {
	font-size: 18px;
	color: #c49845
}

@media (max-width:1440px) {
	.inside-deliver-smile .box-1 .title-1 {
		font-size: 14px
	}
}

.inside-deliver-smile .box-1 .title-2 {
	font-size: 60px;
	line-height: 60px;
	color: #333;
	position: relative;
	padding: 40px 0;
	border-bottom: solid 1px #ccc
}

.inside-deliver-smile .box-1 .title-2 span {
	color: #c49845;
	font-size: 24px;
	line-height: 36px;
	right: 0;
	bottom: 15px;
	position: absolute
}

.inside-deliver-smile .box-1 .title-2 span em {
	font-style: normal;
	font-size: 36px;
	font-family: impact
}

@media (max-width:1440px) {
	.inside-deliver-smile .box-1 .title-2 {
		font-size: 24px;
		line-height: 24px;
		padding: 5px 0 20px 0
	}

	.inside-deliver-smile .box-1 .title-2 span {
		font-size: 16px;
		line-height: 26px
	}

	.inside-deliver-smile .box-1 .title-2 span em {
		font-size: 20px
	}
}

.inside-deliver-smile .box-1 .title-3 {
	color: #444;
	font-size: 36px;
	padding-bottom: 20px
}

@media (max-width:1440px) {
	.inside-deliver-smile .box-1 .title-3 {
		font-size: 20px;
		padding-top: 20px;
		padding-bottom: 10px
	}
}

.inside-deliver-smile .box-1 .title-4 {
	color: #555;
	font-size: 18px;
	padding: 65px 0
}

.inside-deliver-smile .box-1 .title-4 span {
	color: #c49845;
	text-decoration: underline
}

@media (max-width:1440px) {
	.inside-deliver-smile .box-1 .title-4 {
		font-size: 14px
	}
}

.inside-deliver-smile .box-1 dl {
	padding-top: 70px
}

.inside-deliver-smile .box-1 dt {
	width: 40%;
	float: left;
	color: #737373;
	font-size: 16px;
	line-height: 36px
}

@media (max-width:1440px) {
	.inside-deliver-smile .box-1 dt {
		line-height: 26px;
		font-size: 14px
	}
}

.inside-deliver-smile .box-1 dd {
	width: 50%;
	float: right;
	padding: 35px;
	font-size: 18px;
	color: #4a4a4a;
	border-radius: 3px;
	line-height: 30px;
	border: dashed 1px #c49845
}

@media (max-width:1440px) {
	.inside-deliver-smile .box-1 dd {
		font-size: 15px;
		line-height: 26px
	}
}

.inside-deliver-smile .box-1 dd .picbox {
	width: 25%;
	float: left
}

.inside-deliver-smile .box-1 dd .picbox .pic {
	position: relative
}

.inside-deliver-smile .box-1 dd .picbox .pic:after {
	content: "";
	display: block;
	padding-bottom: 50%
}

.inside-deliver-smile .box-1 dd .picbox p {
	color: #c49845;
	text-align: center;
	font-size: 24px
}

@media (max-width:1440px) {
	.inside-deliver-smile .box-1 dd .picbox p {
		font-size: 14px
	}
}

.inside-deliver-smile .box-1 dd .textbox {
	width: 75%;
	float: left;
	text-align: justify;
	padding-left: 60px
}

.inside-deliver-smile .box-1 dd .textbox .more {
	display: block;
	color: #c49845;
	float: right;
	font-size: 16px;
	margin-top: 10px;
	text-decoration: underline
}

.inside-deliver-smile .box-1 dd .textbox .more:hover {
	font-weight: bold
}

@media (max-width:1440px) {
	.inside-deliver-smile .box-1 dd .textbox .more {
		font-size: 14px
	}
}

@media (max-width:1279px) {
	.inside-deliver-smile .box-1 {
		margin-top: 50px
	}

	.inside-deliver-smile .box-1 .title-2 {
		font-size: 30px;
		line-height: 30px;
		padding: 15px 0
	}

	.inside-deliver-smile .box-1 .title-2 span {
		font-size: 18px;
		bottom: 10px
	}

	.inside-deliver-smile .box-1 .title-2 span em {
		font-size: 26px
	}
}

@media (max-width:1000px) {
	.inside-deliver-smile .box-1 {
		margin-top: 25px
	}

	.inside-deliver-smile .box-1 .title-2 {
		padding: 0;
		font-size: 14px
	}

	.inside-deliver-smile .box-1 .title-2 span {
		font-size: 15px;
		bottom: 3px
	}

	.inside-deliver-smile .box-1 .title-2 span em {
		font-size: 14px
	}

	.inside-deliver-smile .box-1 dl {
		padding-top: 0
	}

	.inside-deliver-smile .box-1 dt,.inside-deliver-smile .box-1 dd {
		width: 100%;
		float: none;
		font-size: 15px;
		line-height: 24px
	}

	.inside-deliver-smile .box-1 dd {
		margin-top: 20px;
		overflow: hidden;
		line-height: 26px
	}

	.inside-deliver-smile .box-1 dd .picbox p {
		font-size: 16px
	}

	.inside-deliver-smile .box-1 dd .textbox {
		padding-left: 30px
	}

	.inside-deliver-smile .box-1 dd .textbox .more {
		font-size: 15px;
		float: left
	}

	.inside-deliver-smile .box-1 .title-3 {
		font-size: 16px;
		padding-bottom: 10px
	}

	.inside-deliver-smile .box-1 .title-4 {
		font-size: 15px;
		padding: 30px 0
	}
}

@media (max-width:480px) {
	.inside-deliver-smile .box-1 dd {
		padding: 15px
	}

	.inside-deliver-smile .box-1 dd .picbox {
		width: 100%
	}

	.inside-deliver-smile .box-1 dd .picbox p {
		margin-bottom: 15px
	}

	.inside-deliver-smile .box-1 dd .textbox {
		width: 100%;
		padding-left: 0
	}
}

.inside-deliver-smile .box-2 {
	padding: 50px 0;
	background: #c49845
}

@media (max-width:1440px) {
	.inside-deliver-smile .box-2 ul {
		padding: 0 150px
	}
}

@media (max-width:1200px) {
	.inside-deliver-smile .box-2 ul {
		padding: 0
	}
}

.inside-deliver-smile .box-2 li {
	width: 50%;
	float: left;
	text-align: center;
	border-left: solid 1px #ffffff7a
}

.inside-deliver-smile .box-2 li .pic {
	position: relative
}
.inside-deliver-smile .box-2 li .pic:after{content:"";display:block;padding-bottom:25%} 

@media (max-width:1440px) {
	.inside-deliver-smile .box-2 li .pic:after {
		padding-bottom: 28%
	}
}

@media (max-width:1000px) {
	.inside-deliver-smile .box-2 li .pic:after {
		padding-bottom: 40%
	}
}

.inside-deliver-smile .box-2 li p {
	color: #fff;
	font-size: 16px;
	line-height: 38px;
	border-radius: 30px;
	width: 200px;
	margin: 0 auto;
	margin-top: 10px;
	border: solid 2px #fff;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out
}

.inside-deliver-smile .box-2 li p a {
	color: #fff;
}

.inside-deliver-smile .box-2 li:hover p a {
	color: #c49845;
}

@media (max-width:1440px) {
	.inside-deliver-smile .box-2 li p {
		font-size: 15px;
		width: 150px;
		line-height: 26px;
		border: solid 1px #fff
	}
}

.inside-deliver-smile .box-2 li:first-child {
	border-left: 0
}

.inside-deliver-smile .box-2 li:hover p {
	color: #008cd6;
	background: #fff
}

@media (max-width:1000px) {
	.inside-deliver-smile .box-2 li p {
		width: auto;
		font-size: 15px;
		line-height: 20px;
		margin: 0 20px;
		margin-top: 15px
	}
}

@media (max-width:500px) {
	.inside-deliver-smile .box-2 {
		padding: 30px 0
	}

	.inside-deliver-smile .box-2 li p {
		margin: 0 10px;
		margin-top: 15px
	}
}

.inside-deliver-smile .box-3 {
	color: #4a4a4a;
	padding: 70px 0;
	font-size: 18px;
	line-height: 30px
}

@media (max-width:1440px) {
	.inside-deliver-smile .box-3 {
		font-size: 16px
	}
}

@media (max-width:767px) {
	.inside-deliver-smile .box-3 {
		padding: 30px 0;
		font-size: 16px;
		padding-bottom: 10px
	}
}

.inside-deliver-smile .box-3 .mask {
	padding: 0 250px
}

.inside-deliver-smile .box-3 .mask .t1 {
	padding: 0 50px;
	margin-top: -20px
}

.inside-deliver-smile .box-3 .mask img {
	margin-top: -10px
}

@media (max-width:1200px) {
	.inside-deliver-smile .box-3 .mask {
		padding: 0 30px
	}
}

@media (max-width:767px) {
	.inside-deliver-smile .box-3 .mask {
		padding: 0
	}

	.inside-deliver-smile .box-3 .mask .t1 {
		padding: 0 20px;
		line-height: 26px;
		font-size: 15px
	}
}

.inside-deliver-smile .box-3 .blue {
	color: #008cd6
}

.inside-deliver-smile .box-3 .more {
	display: block;
	line-height: 64px;
	width: 265px;
	margin: 0 auto;
	margin-top: 40px;
	border-radius: 60px;
	font-size: 24px;
	color: #fff;
	text-align: center;
	background: #c49845
}

.inside-deliver-smile .box-3 .more img {
	max-height: 40px;
	margin: 10px 10px 0 0
}

.inside-deliver-smile .box-3 .more:hover {
	background: #c49845
}

@media (max-width:1440px) {
	.inside-deliver-smile .box-3 .more {
		margin-top: 0;
		font-size: 16px;
		line-height: 40px;
		width: 180px
	}

	.inside-deliver-smile .box-3 .more img {
		max-height: 20px
	}
}

@media (max-width:414px) {
	.inside-deliver-smile .box-3 .more {
		font-size: 15px;
		line-height: 30px;
		width: 140px
	}

	.inside-deliver-smile .box-3 .more img {
		margin-right: 5px;
		margin-top: 7px;
		max-height: 16px
	}
}

.inside-product {
	margin-top: 90px
}

@media (max-width:1300px) {
	.inside-product {
		margin-top: 60px
	}
}

@media (max-width:1279px) {
	.inside-product {
		margin-top: 50px
	}
}

.inside-product .product-title {
	padding-top: 60px
}

.inside-product .product-title h1 {
	color: #008cd6;
	padding-left: 20px;
	font-weight: normal;
	font-size: 18px;
	line-height: 30px;
	border-left: solid 5px #008cd6
}

.inside-product .product-title p {
	font-size:30px;
	color: #333;
	line-height: 70px
}

@media (max-width:1440px) {
	.inside-product .product-title {
		padding-top: 30px
	}

	.inside-product .product-title h1 {
		line-height: 20px;
		margin-bottom: 10px;
		padding-left: 10px
	}

	.inside-product .product-title P {
		font-size: 24px;
		line-height: 30px;
		padding-left: 0
	}
}

@media (max-width:640px) {
	.inside-product .product-title p {
		font-size: 16px;
		line-height: 20px;
		padding-left: 0
	}
}

.inside-product .product-title-2 {
	color: #333;
	font-size: 36px;
	line-height: 40px;
	padding-left: 25px;
	padding-top: 15px
}

@media (max-width:1440px) {
	.inside-product .product-title-2 {
		font-size: 20px;
		line-height: 30px;
		padding-top: 0;
		padding-left: 10px
	}
}

.inside-product .box-1 {
	padding: 20px 0;
	background: #4b4a48
}

.inside-product .box-1 ul {
	padding: 0 20%
}

.inside-product .box-1 li {
	float: left;
	width: 25%;
	text-align: center;
	border-left: solid 1px #319dd7
}

.inside-product .box-1 li a {
	opacity: .5
}

.inside-product .box-1 li .pic {
	position: relative
}

.inside-product .box-1 li .pic:after {
	content: "";
	display: block;
	padding-bottom: 35%
}

.inside-product .box-1 li p {
	color: #fff;
	font-size: 18px;
	height: 24px;
	margin-top: 10px;
	overflow: hidden;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out
}

.inside-product .box-1 li:hover a,.inside-product .box-1 .active a {
	opacity: 1
}

.inside-product .box-1 li:first-child {
	border-left: 0
}

@media (max-width:1440px) {
	.inside-product .box-1 li p {
		font-size: 14px
	}
}

@media (max-width:767px) {
	.inside-product .box-1 ul {
		padding: 0 10%
	}
}

@media (max-width:420px) {
	.inside-product .box-1 ul {
		padding: 0 15px
	}

	.inside-product .box-1 li p {
		font-size: 14px
	}
}

.inside-product .box-2 {
	padding-bottom: 60px;
	background: url(../images/product-bg.jpg) no-repeat top center
}

.inside-product .box-2 dl {
	margin-top: 60px
}

.inside-product .box-2 dt {
	width: 47.5%;
	float: left
}

.inside-product .box-2 dd {
	width: 52%;
	float: left;
	color: #333;
	font-size: 18px;
	line-height: 32px;
	padding-top: 40px
}

.inside-product .box-2 dd h3,.inside-product .box-2 dd p {
	padding: 0 60px
}

.inside-product .box-2 dd h3 {
	color: #008cd6;
	font-weight: normal;
	font-size: 36px;
	line-height: 40px;
	overflow: hidden;
	margin: 40px 0 20px 0
}

.inside-product .box-2 dd .pro-logo {
	padding-left: 75px;
	margin-top: 80px;
	margin-left: -15px;
	position: relative;
	background: #0086cd
}

.inside-product .box-2 dd .pro-logo:after {
	content: "";
	width: 100%;
	right: -100%;
	top: 0;
	height: 100%;
	position: absolute;
	background: #0086cd
}

@media (max-width:1600px) {
	.inside-product .box-2 dl {
		margin-top: 30px
	}

	.inside-product .box-2 dt {
		width: 50%
	}

	.inside-product .box-2 dd {
		width: 50%
	}

	.inside-product .box-2 dd .pro-logo img {
		max-height: 80px
	}
}

@media (max-width:1440px) {
	.inside-product .box-2 dd {
		font-size: 15px;
		line-height: 26px
	}

	.inside-product .box-2 dd h3 {
		font-size: 20px
	}

	.inside-product .box-2 dd .pro-logo {
		margin-top: 30px
	}
}

@media (max-width:1260px) {
	.inside-product .box-2 dd h3 {
		margin-top: 0
	}
}

@media (max-width:727px) {
	.inside-product .box-2 {
		padding-bottom: 10px
	}

	.inside-product .box-2 dt {
		width: 100%
	}

	.inside-product .box-2 dd {
		width: 100%;
		padding-top: 15px
	}

	.inside-product .box-2 dd h3,.inside-product .box-2 dd p {
		padding: 0
	}

	.inside-product .box-2 dd .pro-logo {
		margin-left: 0;
		padding-left: 0;
		text-align: center
	}

	.inside-product .box-2 dd .pro-logo:after {
		display: none
	}
}

.inside-product .box-3 {
	padding-bottom: 100px;
	background: url(../images/product-bg.jpg) no-repeat bottom center
}

.inside-product .box-3 .mask {
	position: relative
}

.inside-product .box-3 .mask .pic {
	left: 0;
	top: 30px;
	position: absolute
}

.inside-product .box-3 .list {
	width: 45%;
	z-index: 9;
	float: right;
	margin-top: -90px;
	position: relative
}

.inside-product .box-3 .list dl {
	margin-top: 35px
}

.inside-product .box-3 .list dl:first-child {
	margin-top: 0
}

.inside-product .box-3 .list dt {
	width: 10%;
	float: left
}

.inside-product .box-3 .list dd {
	width: 50%;
	float: left;
	padding-left: 50px
}

.inside-product .box-3 .list dd p {
	padding: 0
}

.inside-product .box-3 .list dd .tit {
	font-size: 30px;
	color: #535353;
	font-weight: bold;
	line-height: 30px;
	padding-bottom: 10px;
	border-bottom: dashed 1px #ccc
}

.inside-product .box-3 .list dd .txt {
	color: #535353;
	margin-top: 10px;
	font-size: 16px
}

@media (max-width:1660px) {
	.inside-product .box-3 .list {
		width: 40%
	}
}

@media (max-width:1600px) {
	.inside-product .box-3 .list {
		width: 35%
	}

	.inside-product .box-3 .list dd {
		width: 70%
	}
}

@media (max-width:1440px) {
	.inside-product .box-3 {
		padding-bottom: 0
	}

	.inside-product .box-3 .list {
		width: 30%
	}

	.inside-product .box-3 .list dl {
		margin-top: 15px
	}

	.inside-product .box-3 .list dd {
		width: 90%
	}

	.inside-product .box-3 .list dd .tit {
		font-size: 18px;
		font-weight: normal
	}

	.inside-product .box-3 .list dd .txt {
		font-size: 14px
	}
}

@media (max-width:1440px) {
	.inside-product .box-3 .mask .pic {
		width: 50%
	}

	.inside-product .box-3 .list {
		width: 40%
	}

	.inside-product .box-3 .list dd {
		width: 60%
	}
}

@media (max-width:1100px) {
	.inside-product .box-3 {
		padding-bottom: 30px
	}

	.inside-product .box-3 .mask .pic {
		top: auto;
		position: relative
	}

	.inside-product .box-3 .mask .pic img {
		max-height: 100%
	}

	.inside-product .box-3 .list {
		width: 100%;
		float: none;
		padding: 0 20px;
		margin-top: 30px
	}

	.inside-product .box-3 .list dl {
		margin-top: 15px
	}

	.inside-product .box-3 .list dd {
		padding-left: 40px
	}

	.inside-product .box-3 .list dd .tit {
		font-size: 18px
	}
}

@media (max-width:640px) {
	.inside-product .box-3 .list {
		padding: 0
	}

	.inside-product .box-3 .list dd {
		width: 80%
	}

	.inside-product .box-3 .list dd .tit {
		font-size: 16px;
		padding-bottom: 0
	}
}

.inside-product .box-4 {
	padding-bottom: 130px
}

.inside-product .box-4 .mask {
	position: relative
}

.inside-product .box-4 .mask .pic {
	right: 0;
	top: 75px;
	position: absolute
}

.inside-product .box-4 .mask .list {
	width: 35%;
	float: left;
	color: #535353;
	font-size: 15px;
	padding-left: 40px;
	line-height: 28px;
	padding-top: 60px
}

.inside-product .box-4 .mask .t1 {
	color: #333;
	margin-top: 50px;
	font-size: 20px;
	padding-left: 20px;
	position: relative
}

.inside-product .box-4 .mask .t1:before {
	top: 7px;
	left: 0;
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	background: #008cd6
}

.inside-product .box-4 .mask .t2 {
	padding-top: 15px;
	padding-left: 20px
}

.inside-product .box-4 .mask .t3 {
	font-size: 18px;
	margin-left: 20px;
	margin-top: 30px
}

.inside-product .box-4 .mask .t3 a {
	color: #008cd6;
	text-decoration: underline
}

.inside-product .box-4 .mask .t3 a:hover {
	color: #000
}

@media (max-width:1490px) {
	.inside-product .box-4 .mask .list {
		padding-top: 10px
	}

	.inside-product .box-4 .mask .pic img {
		max-height: 330px
	}
}

@media (max-width:1440px) {
	.inside-product .box-4 .mask .list {
		width: 30%;
		padding-left: 0
	}

	.inside-product .box-4 .mask .t1 {
		font-size: 17px;
		margin-top: 30px
	}

	.inside-product .box-4 .mask .t2 {
		font-size: 15px;
		line-height: 24px
	}

	.inside-product .box-4 .mask .t3 {
		font-size: 15px;
		margin-top: 20px
	}

	.inside-product .box-4 .mask .pic {
		top: 40px
	}
}

@media (max-width:1300px) {
	.inside-product .box-4 {
		padding-bottom: 30px
	}

	.inside-product .box-4 .mask .t1 {
		margin-top: 20px
	}

	.inside-product .box-4 .mask .t3 {
		font-size: 16px;
		margin-top: 15px
	}

	.inside-product .box-4 .mask .list {
		padding-left: 0;
		width: 100%
	}

	.inside-product .box-4 .mask .pic {
		top: auto;
		padding: 0 10px;
		margin-top: 30px;
		text-align: center;
		position: relative
	}

	.inside-product .box-4 .mask .pic img {
		max-height: 100%
	}
}

@media (max-width:800px) {
	.inside-product .box-4 .mask .pic {
		padding: 0 30px
	}
	.inside-product .box-4 .mask .t2{font-size:14px;}
	.inside-product .box-4 .mask .t3{font-size:14px;}
}

.inside-product .box-1-2 {
	background-color: #00b3b3
}
.inside-product .box-1-5 {
	background-color: #8fc053
}
.inside-product .box-1-9 {
	background-color: #ff6060
}
.inside-product .box-1-2 li {
	border-color: #d0ad6a
}

.inside-product .box-2-2 .product-title h1 {
	color: #c49845;
	border-color: #c49845
}

.inside-product .box-2-2 dt {
	width: 52%
}

.inside-product .box-2-2 dd {
	width: 43%
}

.inside-product .box-2-2 dd h3 {
	color: #c49845
}

.inside-product .box-2-2 dd .pro-logo {
	padding-top: 15px;
	padding-bottom: 20px;
	background-color: #c49845
}

.inside-product .box-2-2 dd .pro-logo:after {
	background-color: #c49845
}

.inside-product .box-2-2 dd .pro-logo img {
	max-height: 100px
}

@media (max-width:800px) {
	.inside-product .box-2-2 {
		padding-bottom: 30px
	}

	.inside-product .box-2-2 dl {
		padding: 0 25px
	}

	.inside-product .box-2-2 dt {
		width: 100%
	}

	.inside-product .box-2-2 dd {
		width: 100%;
		padding-top: 15px
	}

	.inside-product .box-2-2 dd h3,.inside-product .box-2-2 dd p {
		padding: 0
	}

	.inside-product .box-2-2 dd .pro-logo {
		padding-left: 0;
		margin-left: 0;
		text-align: center
	}

	.inside-product .box-2-2 dd .pro-logo img {
		max-height: 70px
	}

	.inside-product .box-2-2 dd .pro-logo:after {
		display: none
	}
}

.inside-product .box-3-2 {
	padding-bottom: 120px
}

.inside-product .box-3-2 .left-box {
	width: 35%;
	float: left
}

.inside-product .box-3-2 .left-box .t1 {
	margin: 30px 0 10px 0;
	color: #c49845;
	font-size: 24px;
	padding-left: 40px;
	position: relative
}

.inside-product .box-3-2 .left-box .t1:before {
	content: "";
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	position: absolute;
	background: #c49845
}

@media (max-width:1440px) {
	.inside-product .box-3-2 .left-box .t1 {
		font-size: 16px;
		margin-top: 15px;
		padding-left: 20px;
		line-height: 20px;
		margin-bottom: 20px
	}

	.inside-product .box-3-2 .left-box .t1:before {
		top: 5px;
		width: 13px;
		height: 12px
	}
}

.inside-product .box-3-2 .right-box {
	width: 60%;
	float: right
}

.inside-product .box-3-2 .right-box .product-title {
	padding-top: 25px
}

.inside-product .box-3-2 .right-box .product-title h1 {
	color: #c49845;
	padding-bottom: 10px;
	border-color: #fff
}

.inside-product .box-3-2 .right-box .pic {
	margin-top: 120px
}

@media (max-width:1440px) {
	.inside-product .box-3-2 {
		padding-bottom: 80px
	}
}

@media (max-width:800px) {
	.inside-product .box-3-2 {
		padding-bottom: 30px
	}

	.inside-product .box-3-2 .left-box {
		width: 100%;
		float: none
	}

	.inside-product .box-3-2 .right-box {
		width: 100%;
		float: none
	}

	.inside-product .box-3-2 .right-box .pic {
		margin-top: 20px
	}
}

.inside-product .box-4-2 .product-title h1 {
	color: #c49845;
	border-color: #c49845
}

.inside-product .box-4-2 .mask .leftbox {
	width: 50%;
	float: left
}

@media (max-width:1440px) {
	.inside-product .box-4-2 .mask .leftbox {
		width: 40%
	}
}

.inside-product .box-4-2 .mask .leftbox .pic-2 {
	margin-top: 70px;
	position: relative
}

.inside-product .box-4-2 .mask .leftbox .pic-2 img {
	z-index: 1;
	position: relative
}

.inside-product .box-4-2 .mask .leftbox .pic-2:before {
	content: "";
	width: 150%;
	bottom: 100px;
	left: -70%;
	height: 60px;
	background: #c49845;
	position: absolute
}

@media (max-width:1400px) {
	.inside-product .box-4-2 .mask .leftbox .pic-2 {
		margin-top: 30px
	}
}

.inside-product .box-4-2 .mask .list {
	width: 37%;
	float: left;
	padding-top: 60px
}

@media (max-width:1440px) {
	.inside-product .box-4-2 .mask .list {
		padding-top: 100px
	}
}

@media (max-width:800px) {
	.inside-product .box-4-2 {
		padding-bottom: 50px
	}

	.inside-product .box-4-2 .mask .leftbox {
		width: 100%;
		float: none
	}

	.inside-product .box-4-2 .mask .leftbox .pic-2 {
		display: none
	}

	.inside-product .box-4-2 .mask .list {
		width: 100%;
		padding-top: 10px;
		padding-left: 0
	}
}

.inside-doctors {
	margin-top: 90px;
	padding-top: 60px;
	padding-bottom: 30px;
	background: url(../images/smile-bg-2.jpg) no-repeat top center
}

@media (max-width:1300px) {
	.inside-doctors {
		margin-top: 60px;
		padding-top: 40px
	}
}

@media (max-width:1279px) {
	.inside-doctors {
		margin-top: 50px;
		padding-top: 30px;
		padding-bottom: 20px
	}
}

.inside-doctors .container {
	position: relative
}

@media(max-width:1600px){
	.inside-doctors .container{padding:0 50px;}
}

@media(max-width:1279px){
	.inside-doctors .container{padding:0 20px;}
}

.inside-doctors .title {
	color: #333;
	font-size: 48px;
	line-height: 50px;
	padding-left: 25px;
	font-weight: normal;
	margin-bottom: 30px;
	border-left: solid 5px #008cd6
}

@media (max-width:1600px) {
	.inside-doctors .title {
		font-size: 24px;
		line-height: 30px;
		padding-left: 10px;
		margin-bottom: 15px
	}
}

.inside-doctors .bg {
	height: 60px;
	background: url(../images/doctors-bg.jpg) repeat-y
}

@media (max-width:1480px) {
	.inside-doctors .bg {
		background: #008cd6
	}
}

@media (max-width:540px) {
	.inside-doctors .bg {
		height: auto;
		padding-bottom: 3px
	}
}

.inside-doctors .bg ul {
	padding: 0 370px;
	padding-top: 13px
}

@media (max-width:1440px) {
	.inside-doctors .bg ul {
		padding: 0 270px;
		padding-top: 11px
	}
}

@media (max-width:1440px) {
	.inside-doctors .bg ul {
		padding-top: 14px
	}
}

@media (max-width:1200px) {
	.inside-doctors .bg ul {
		padding: 0 15px;
		padding-top: 11px
	}
}

.inside-doctors .bg li {
	width: 25%;
	float: left;
	padding: 0 10px
}

.inside-doctors .bg li span {
	width: 100%;
	display: inline-block
}

.inside-doctors .bg li select {
	width: 100%;
	border: 0;
	padding: 7px 40px 7px 7px;
	color: #666;
	font-size: 16px;
	font-family: "鐎甸偊鍠涢拏瀣⒖閸涘鎷�";
	text-align: center;
	appearance: none;
	-moz-appearance: none;
	background: url(../images/d-triangular.jpg) no-repeat center right #fff
}

@media (max-width:1440px) {
	.inside-doctors .bg li select {
		font-size: 15px;
		padding: 5px 40px 5px 7px
	}
}

.inside-doctors .bg li input[type="button"] {
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding: 7px;
	width: 100%;
	font-family: "鐎甸偊鍠涢拏瀣⒖閸涘鎷�";
	background: #0aaaff;
	border: solid 1px #fff
}

.inside-doctors .bg li input[type="button"]:hover {
	background-color: #009aec
}

@media (max-width:1370px) {
	.inside-doctors .bg li input[type="button"] {
		font-size: 15px;
		padding: 5px 0
	}
}

@media (max-width:1200px) {
	.inside-doctors .bg li {
		padding: 0 5px
	}
}

@media (max-width:540px) {
	.inside-doctors .bg li {
		width: 50%;
		margin-bottom: 10px
	}

	.inside-doctors .bg li select,.inside-doctors .bg li input[type="button"] {
		font-size: 14px
	}
}

.inside-doctors .map-list {
	top: 150px;
	z-index: 9;
	width: 360px;
	left: 50%;
	min-height: 380px;
	background: #fff;
	position: absolute
}

@media (max-width:750px) {
	.inside-doctors .map-list {
		left: auto;
		right: 20px;
		width: 300px;
		top: 50px
	}
}

@media (max-width:360px) {
	.inside-doctors .map-list {
		right: 10px
	}
}

.inside-doctors .map-list dl {
	padding: 15px 0;
	margin: 0 10px;
	border-bottom: solid 1px #dfdfdf
}

.inside-doctors .map-list dt {
	width: 80%;
	float: left;
	padding: 0 25px;
	line-height: 20px
}

.inside-doctors .map-list dt h3 {
	font-weight: normal
}

.inside-doctors .map-list dt h3 span {
	width: 19px;
	height: 27px;
	color: #fff;
	line-height: 22px;
	text-align: center;
	display: inline-block;
	margin-left: -25px;
	margin-right: 5px;
	background: url(../images/map-icon.jpg) no-repeat top center
}

.inside-doctors .map-list dt h3 a {
	color: #3687fd
}

.inside-doctors .map-list dt p {
	font-size: 13px
}

.inside-doctors .map-list dd {
	width: 20%;
	float: right;
	position: relative
}

.inside-doctors .map-list dd:after {
	content: "";
	display: block;
	padding-bottom: 84%
}

.inside-doctors .map-list .page {
	padding: 10px 0;
	text-align: center
}

.inside-doctors .map-from {
	top: 150px;
	width: 360px;
	left: 50%;
	min-height: 426px;
	padding: 20px;
	z-index: 9;
	display: none;
	background: #fff;
	position: absolute;
	border: solid 1px #03a5fb
}

@media (max-width:640px) {
	.inside-doctors .map-from {
		width: 300px;
		left: 50%;
		top: 40px;
		top: 50px;
		margin-left: -150px;
		padding: 10px
	}
}

.inside-doctors .map-from .name {
	color: #fff;
	line-height: 37px;
	font-size: 18px;
	padding-left: 15px;
	background: #008cd6
}

.inside-doctors .map-from .tel {
	color: #4a4a4a;
	font-size: 16px;
	padding: 15px;
	border-bottom: solid 1px #e3e3e3
}

.inside-doctors .map-from .add {
	font-size: 15px;
	line-height: 20px
}

.inside-doctors .map-from li {
	padding: 5px 0;
	border-bottom: solid 1px #e3e3e3
}

.inside-doctors .map-from li label {
	width: 25%;
	color: #999;
	display: inline-block
}

.inside-doctors .map-from li span {
	width: 100%;
	display: block
}

.inside-doctors .map-from li span input {
	border: 0;
	width: 100%;
	color: #999
}

.inside-doctors .map-from li select {
	border: 0;
	width: 100%;
	color: #999;
	height: 22px;
	background: url(../images/m-triangular.jpg) no-repeat right center
}

.inside-doctors .map-from .button {
	padding-top: 10px;
	border-bottom: 0;
	text-align: center
}

.inside-doctors .map-from .button input[type="button"] {
	background: #999;
	border: 0;
	color: #fff;
	padding: 3px 25px;
	display: inline-block;
	text-align: center;
	border-radius: 3px
}

.inside-doctors .map-from .button input[type="button"]:focus,.inside-doctors .map-from .button input[type="button"]:hover {
	background: #008cd6
}

.inside-doctors .map-from .map-close {
	top: -20px;
	right: -1px;
	padding: 5px;
	background: #fff;
	position: absolute;
	border: solid 1px #ddd
}

.inside-doctors .map-from .map-close img {
	max-height: 25px
}

.contact-map {
	width: 100%;
	z-index: 1;
	margin-top: 15px;
	position: relative;
	height: 720px
}

.contact-map p {
	color: #666
}

.contact-map p span:first-child {
	font-size: 16px;
	display: block;
	color: #fff;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 36px;
	padding-left: 15px;
	border: 0;
	background: #008cd6
}

.contact-map p span {
	display: block;
	padding: 10px 15px;
	border-bottom: solid 1px #e3e3e3
}

.contact-map em {
	display: block;
	font-style: normal;
	padding: 0 15px
}

@media (max-width:640px) {
	.contact-map {
		height: 500px
	}
}

.contact-map #l-map {
	width: 100%;
	height: 720px
}

@media (max-width:640px) {
	.contact-map #l-map {
		height: 500px
	}
}

.inside-test {
	padding: 34px 0 66px 0;
	overflow: hidden
}

.inside-test .test-title {
	border-left: 5px solid #0086cd;
	font-size: 48px;
	color: #333;
	height: 51px;
	line-height: 51px;
	margin-left: 136px;
	padding-left: 24px
}

@media (max-width:1370px) {
	.inside-test {
		padding: 20px 0 0 0
	}

	.inside-test .test-title {
		font-size: 28px;
		color: #333;
		height: 31px;
		line-height: 31px;
		margin-left: 100px;
		padding-left: 18px
	}
}

@media (max-width:550px) {
	.inside-test .test-title {
		font-size: 16px;
		margin-left: 5px;
		padding-left: 10px;
		height: 24px;
		line-height: 24px
	}
}

.inside-test .test-start {
	margin-top: 59px;
	overflow: hidden;
	margin-bottom: 96px;
	background: url("../images/test-bg.png") no-repeat top right;
	background-size: contain;
	padding-bottom: 4%
}

.inside-test .test-start i {
	position: absolute;
	width: 40%;
	background: #0086cd;
	display: block
}

.inside-test .test-start i:after {
	content: '';
	display: block;
	padding-bottom: 74%
}

@media (max-width:1600px) {
	.inside-test .test-start i:after {
		padding-bottom: 82%
	}
}

@media (max-width:550px) {
	.inside-test .test-start i {
		display: none
	}
}

.inside-test .test-start .start-left {
	float: left;
	width: 50%;
	padding-left: 134px;
	padding-top: 49px
}

@media (max-width:992px) {
	.inside-test .test-start .start-left {
		padding-left: 100px;
		padding-top: 30px
	}
}

@media (max-width:768px) {
	.inside-test .test-start .start-left {
		padding-left: 20px;
		padding-top: 20px
	}
}

@media (max-width:550px) {
	.inside-test .test-start .start-left {
		width: 100%;
		padding-left: 0;
		padding-top: 0
	}
}

.inside-test .test-start .pic {
	position: relative;
	width: 100%
}

.inside-test .test-start .pic:after {
	padding-bottom: 67.5%;
	content: '';
	display: block
}

.inside-test .test-start .start-right {
	width: 50%;
	float: left;
	padding: 7% 0 0 12%;
	overflow: hidden
}

.inside-test .test-start .start-right h3 {
	color: #0086cd;
	font-size: 48px;
	font-weight: normal;
	line-height: 55px;
	margin-bottom: 10%
}

@media (max-width:1600px) {
	.inside-test .test-start .start-right h3 {
		font-size: 40px;
		margin-bottom: 5%
	}
}

@media (max-width:1370px) {
	.inside-test .test-start .start-right h3 {
		font-size: 30px
	}
}

@media (max-width:992px) {
	.inside-test .test-start .start-right h3 {
		font-size: 30px
	}
}

@media (max-width:768px) {
	.inside-test .test-start .start-right h3 {
		font-size: 16px;
		margin-bottom: 0;
		line-height: 40px
	}
}

.inside-test .test-start .start-right .test-p {
	font-size: 24px;
	color: #0086cd;
	line-height: 36px;
	margin-bottom: 16%
}

@media (max-width:1370px) {
	.inside-test .test-start .start-right .test-p {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 7%
	}
}

@media (max-width:768px) {
	.inside-test .test-start .start-right .test-p {
		font-size: 15px;
		margin-bottom: 5%;
		line-height: 25px
	}
}

.inside-test .test-start .start-right a {
	color: #fff;
	font-size: 30px;
	width: 292px;
	height: 68px;
	line-height: 64px;
	text-align: center;
	display: block;
	background: #0086cd;
	border-radius: 35px;
	border: 1px solid #0086cd
}

.inside-test .test-start .start-right a:hover {
	color: #0086cd;
	background: #fff
}

@media (max-width:1370px) {
	.inside-test .test-start .start-right a {
		font-size: 16px;
		width: 150px;
		height: 36px;
		line-height: 32px
	}
}

@media (max-width:992px) {
	.inside-test .test-start .start-right a {
		font-size: 15px;
		width: 150px;
		height: 35px;
		line-height: 35px
	}
}

@media (max-width:1370px) {
	.inside-test .test-start .start-right {
		padding: 5% 0 0 12%
	}
}

@media (max-width:1024px) {
	.inside-test .test-start .start-right {
		padding: 0 0 0 4%
	}
}

@media (max-width:550px) {
	.inside-test .test-start .start-right {
		width: 100%;
		margin-top: 15px
	}
}

@media (max-width:768px) {
	.inside-test .test-start {
		margin: 15px 0
	}
}

.test-more {
	text-align: center;
	margin: 0 auto
}

@media (max-width:768px) {
	.test-more img {
		height: 25px
	}
}

.test-topic {
	padding-top: 66px;
	padding-bottom: 94px
}

.test-topic .topic-bottom {
	background: url(../images/line.png) repeat-y 7px top;
	overflow: hidden
}

.test-topic .topic-bottom .topic-info {
	background: url("../images/dot.png") no-repeat top left;
	padding-left: 35px
}

@media (max-width:768px) {
	.test-topic {
		padding-top: 30px;
		padding-bottom: 0
	}

	.test-topic .topic-bottom {
		background: url(../images/line.png) repeat-y 7px top;
		overflow: hidden
	}

	.test-topic .topic-bottom .topic-info {
		background: url("../images/dot.png") no-repeat top left;
		padding-left: 20px
	}
}

.picScroll-top {
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative
}

.picScroll-top .hd {
	overflow: hidden;
	height: 30px;
	padding: 0 10px;
	color: #0086cd;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 15px
}

.picScroll-top .bd ul {
	overflow: hidden;
	zoom: 1
}

.picScroll-top .bd ul li {
	zoom: 1;
	overflow: hidden;
	background: #f6f6f6;
	position: relative
}

.picScroll-top .bd ul li dl {
	padding-left: 12%;
	overflow: hidden;
	margin-bottom: 11%
}

.picScroll-top .bd ul li dl dt {
	font-size: 18px;
	color: #4a4a4a;
	margin-bottom: 4%
}

@media (max-width:1370px) {
	.picScroll-top .bd ul li dl {
		margin-bottom: 4%
	}

	.picScroll-top .bd ul li dl dt {
		font-size: 15px
	}
}

@media (max-width:768px) {
	.picScroll-top .bd ul li dl {
		padding-left: 15px
	}

	.picScroll-top .bd ul li dl dt {
		font-size: 15px;
		margin-bottom: 3%
	}
}

.picScroll-top .bd ul li .time {
	width: 38%;
	height: 150px;
	position: absolute;
	left: 39%;
	bottom: 13%;
	padding: 3% 0 0 5%;
	background: #1891d1;
	overflow: hidden
}

.picScroll-top .bd ul li .time span {
	font-size: 30px;
	display: block;
	color: #fff
}

.picScroll-top .bd ul li .time p {
	font-size: 60px;
	font-family: arial;
	color: #fff;
	padding-left: 42%;
	line-height: 60px
}

.picScroll-top .bd ul li .time-2 {
	left: 0
}

@media (max-width:1370px) {
	.picScroll-top .bd ul li .time {
		height: 100px;
		padding-top: 1.5%
	}

	.picScroll-top .bd ul li .time span {
		font-size: 18px
	}

	.picScroll-top .bd ul li .time p {
		font-size: 40px;
		line-height: 40px
	}
}

@media (max-width:992px) {
	.picScroll-top .bd ul li .time {
		width: 38%;
		height: 100px;
		position: absolute;
		left: 45%;
		bottom: 6%;
		padding: 2% 0 0 5%;
		background: #1891d1;
		overflow: hidden
	}

	.picScroll-top .bd ul li .time span {
		font-size: 20px;
		display: block;
		color: #fff
	}

	.picScroll-top .bd ul li .time p {
		font-size: 40px;
		font-family: arial;
		color: #fff;
		padding-left: 42%;
		line-height: 40px
	}
}

@media (max-width:992px) {
	.picScroll-top .bd ul li .time {
		width: 30%;
		height: 70px;
		position: absolute;
		left: auto;
		right: 0;
		bottom: 6%;
		padding: 2% 0 0 5%;
		background: #1891d1;
		overflow: hidden
	}

	.picScroll-top .bd ul li .time span {
		font-size: 15px;
		display: block;
		color: #fff
	}

	.picScroll-top .bd ul li .time p {
		font-size: 24px;
		line-height: 32px;
		padding-left: 0;
		padding-right: 20%
	}
}

@media (max-width:768px) {
	.picScroll-top .bd ul li .time {
		width: 30%;
		height: 40px;
		position: absolute;
		left: auto;
		right: 0;
		bottom: 0;
		padding: 0;
		background: #1891d1;
		overflow: hidden;
		text-align: center
	}

	.picScroll-top .bd ul li .time span {
		display: none
	}

	.picScroll-top .bd ul li .time p {
		font-size: 20px;
		line-height: 40px;
		padding-left: 0;
		padding-right: 0
	}
}

.picScroll-top .bd ul li .next {
	width: 191px;
	height: 57px;
	line-height: 55px;
	text-align: center;
	border-radius: 35px;
	font-size: 24px;
	color: #0086cd;
	border: 1px solid #0086cd;
	display: block;
	margin-left: 12%
}

.picScroll-top .bd ul li .next:hover {
	background: #0086cd;
	color: #fff
}

@media (max-width:1370px) {
	.picScroll-top .bd ul li .next {
		height: 40px;
		line-height: 40px;
		font-size: 14px
	}
}

@media (max-width:768px) {
	.picScroll-top .bd ul li .next {
		width: 100px;
		height: 30px;
		line-height: 30px;
		font-size: 15px;
		margin-left: 15px
	}
}

.topic-title {
	width: 50%;
	float: left;
	padding-top: 10%
}

.topic-title .question {
	border-left: 5px solid #0086cd;
	font-size: 24px;
	color: #4a4a4a;
	line-height: 48px;
	padding-left: 11%;
	margin-bottom: 7%
}

.topic-title-left {
	float: right
}

.topic-title-left .question {
	border-left: 0;
	border-right: 5px solid #0086cd
}

@media (max-width:1370px) {
	.topic-title {
		padding-top: 4%
	}

	.topic-title .question {
		font-size: 16px;
		color: #4a4a4a
	}
}

@media (max-width:768px) {
	.topic-title {
		padding-top: 5%
	}

	.topic-title .question {
		font-size: 15px;
		line-height: 30px;
		margin-bottom: 2%;
		padding-left: 15px
	}
}

@media (max-width:700px) {
	.topic-title {
		width: 100%;
		float: none;
		padding-bottom: 5%
	}
}

.picScroll-top .bd ul li .pic {
	text-align: right;
	position: relative;
	width: 50%;
	float: right
}

.picScroll-top .bd ul li .pic-right {
	text-align: left
}

@media (max-width:700px) {
	.picScroll-top .bd ul li .pic {
		display: none
	}
}

.iradio_futurico {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 17px;
	height: 17px;
	cursor: pointer;
	top: -1px
}

@media (max-width:1440px) {
	.iradio_futurico {
		width: 12px;
		height: 11px
	}
}

.iradio_futurico {
	background-position: 0 0
}

.inside-news-show {
	margin-top: 35px;
	border-top: solid 1px #ddd
}

@media (max-width:1279px) {
	.inside-news-show {
		margin-top: 15px
	}
}

.inside-news-show .container {
	width: 1200px;
	margin: 0 auto;
	padding: 40px 0
}

.inside-news-show h1 {
	text-align: center;
	color: #008cd6;
	font-weight: normal;
	font-size: 18px;
	padding-bottom: 15px
}

.inside-news-show .info {
	color: #999;
	text-align: center;
	padding-bottom: 30px
}

@media (max-width:1003px) {
	.inside-news-show .container {
		width: 100%;
		padding: 15px;
		padding-top: 25px;
		padding-bottom: 0
	}

	.inside-news-show h1 {
		font-size: 16px
	}

	.inside-news-show .info {
		padding-bottom: 15px
	}
}

@media (max-width:767px) {
	.page3 .bg {
		background-position: right top
	}
}

@media (max-width:1100px) {
	.index-wrapper {
		display: none
	}
}

.swiper-container {
	display: none
}

@media (max-width:1100px) {
	.swiper-container {
		display: block
	}
}

.bgwarp-6 .title-button {
	bottom: 180px;
	color: #008cd6;
	line-height: 30px;
	background-color: rgba(255,255,255,0.9);
	border: solid 2px #fff
}

@media (max-width:420px) {
	.bgwarp {
		padding-top: 40px
	}

	.bgwarp-1 {
		padding-top: 90px
	}

	.bgwarp-2 {
		padding-top: 100px
	}

	.bgwarp-3 {
		padding-top: 40px
	}

	.bgwarp-4 {
		padding-top: 300px
	}
	.bgwarp-4 .title-7{bottom:80px;}
	.bgwarp-2 li{margin-top:0;}
}

@media (max-width:380px) {
	.bgwarp-4 {
		padding-top: 240px
	}

	.bgwarp-6 .title-button {
		bottom: 150px
	}
}

@media (max-width:360px) {
	.bgwarp-4 {
		padding-top: 120px
	}
}

.phone-bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	display: none;
	background: #00b2b2
}

@media (max-width:640px) {
	.phone-bottom {
		display: block
	}
}

.phone-bottom li {
	text-align: center;
	width: 33.333%;
	float: left;
	line-height: 20px;
	font-size: 12px;
	border-left: solid 1px rgba(255,255,255,0.25)
}

.phone-bottom li a {
	color: #fff
}

.phone-bottom li img {
	max-height: 23px;
	margin-top: 5px
}

.inside-technology-5 {
	padding-bottom: 140px
}

.inside-technology-5 .mask {
	width: 55%
}

.inside-technology-5 .mask .text-4 {
	font-size:14px;
	color: #434343;
	margin-top: 15px;
	padding-left: 25px;
	position: relative
}

.inside-technology-5 .mask .text-4:before {
	top: 25px;
	left: 0;
	content: "";
	width: 11px;
	height: 11px;
	position: absolute;
	background: #008cd6
}

@media (max-width:1440px) {
	.inside-technology-5 .mask .text-4 {
		font-size: 15px;
		margin-top: 5px
	}
}

@media (max-width:414px) {
	.inside-technology-5 .mask .text-4 {
		margin-top: 5px;
		padding-left: 20px;
		font-size: 14px
	}

	.inside-technology-5 .mask .text-4:before {
		width: 6px;
		height: 6px;
		top: 28px
	}
}

.inside-technology-5 .mask .pic2 {
	margin-top: 130px
}

@media (max-width:1440px) {
	.inside-technology-5 .mask .pic2 img {
		max-height: 90px
	}
}

.inside-technology-5 .mask5 {
	width: 40%;
	float: right;
	text-align: right
}

@media (max-width:1000px) {
	.inside-technology-5 {
		padding-bottom: 50px
	}
}

@media (max-width:1000px) {
	.inside-technology-5 .mask5 {
		width: 100%;
		float: none;
		display: none;
		text-align: center
	}

	.inside-technology-5 .mask .pic2 {
		margin: 30px 0;
		margin-bottom: 0
	}
}

.inside-technology-6 .text-1 {
	padding-top: 60px
}

@media (max-width:640px) {
	.inside-technology-6 .text-1 {
		padding-top: 0
	}
}

.inside-technology-7 {
	min-height: 900px;
	padding-top: 90px;
	margin-top: 0;
	/* background: url(../images/ts-bg.jpg) no-repeat center bottom */
}

.inside-technology-7 .font18 {
	color: #0086cd;
	font-size: 18px;
	margin-top: 60px;
	margin-bottom: 5px
}

.inside-technology-7 .mask {
	width: 55%;
	float: left
}

.inside-technology-7 .mask2 {
	width: 40%;
	float: right;
	text-align: right
}

.inside-technology-7 .mask3 {
	width: 45%;
	float: left;
	text-align: left;
	margin-top: 265px
	
}

.inside-technology-7 .pic2 {
	margin-top: 50px
}

.inside-technology-7 dl {
	overflow: hidden;
	margin-top: 70px;
	font-size: 16px
}

@media (max-width:1440px) {
	.inside-technology-7 dl {
		font-size: 12px
	}
}

.inside-technology-7 dl dt {
	width: 13%;
	float: left
}

.inside-technology-7 dl dd {
	color: #4a4a4a;
	width: 57%;
	float: left;
	padding-left: 20px
}

.inside-technology-7 dl dd p:first-child {
	font-size: 25px;
	padding-bottom: 7px;
	color: #30a9a2
}

@media (max-width:1440px) {
	.inside-technology-7 dl dd p:first-child {
		font-size: 15px
	}
}

@media (max-width:1000px) {
	.inside-technology-7 {
		min-height: auto;
		padding-top: 40px;
		padding-bottom: 30px
	}

	.inside-technology-7 .mask {
		width: 100%
	}

	.inside-technology-7 .mask3 {
		display: none
	}

	.inside-technology-7 dl {
		margin-top: 50px
	}
}

@media (max-width:840px) {
	.inside-technology-7 dl dt {
		width: 15%
	}

	.inside-technology-7 dl dd {
		width: 70%
	}
}

@media (max-width:670px) {
	.inside-technology-7 dl dt {
		width: 20%
	}

	.inside-technology-7 dl dd {
		width: 65%
	}
}

@media (max-width:560px) {
	.inside-technology-7 dl dt {
		width: 25%
	}

	.inside-technology-7 dl dd {
		width: 65%;
		font-size: 13px;
		padding-left: 20px
	}

	.inside-technology-7 dl dd p:first-child {
		font-size: 15px
	}
}

@media (max-width:640px) {
	.inside-technology-7 .mask {
		width: 100%;
		float: none
	}

	.inside-technology-7 .mask2 {
		width: 100%;
		float: none;
		display: none;
		text-align: center
	}

	.inside-technology-7 .pic2 {
		margin: 30px 0;
		margin-left: -50px
	}

	.inside-technology-7 .font18 {
		margin-top: 30px;
		font-size: 15px
	}
}

.inside-technology-8 .mask {
	width: 45%
}

.inside-technology-8 .mask .text-3 {
	padding-right: 60px
}

.inside-technology-8 .mask3 {
	width: 55%
}
/* dl间距 */
.inside-technology-8 dl {
	margin-top: 110px
}

.inside-technology-8 dl dt {
	width: 72%
}

.inside-technology-8 dl dd {
	margin-top: 40px;
	width: 72%
}

@media (max-width:1000px) {
	.inside-technology-8 .mask {
		width: 100%
	}
}

@media (max-width:420px) {
	.inside-technology-8 dl {
		margin-top: 30px
	}

	.inside-technology-8 dl dd {
		margin-top: 0
	}
}

.inside-technology-9 {
	margin-top: 0;
	padding: 100px 0;
	background: #f2f2f2
}

.inside-technology-9 .text-1 {
	padding-top: 30px
}

.inside-technology-9 .text-7 {
	color: #0086cd;
	font-size: 40px;
	line-height: 50px;
	padding-top: 60px;
	padding-bottom: 30px
}

@media (max-width:1440px) {
	.inside-technology-9 .text-7 {
		font-size: 20px;
		line-height: 30px
	}
}

.inside-technology-9 .text-6 {
	font-size: 15px;
	color: #434343;
	margin-top: 30px;
	padding-left: 25px;
	position: relative
}

.inside-technology-9 .text-6:before {
	top: 5px;
	left: 0;
	content: "";
	width: 11px;
	height: 11px;
	position: absolute;
	background: #008cd6
}

@media (max-width:1000px) {
	.inside-technology-9 {
		padding: 50px 0
	}

	.inside-technology-9 .text-7 {
		font-size: 18px;
		line-height: 30px;
		padding: 20px 0 10px 0
	}

	.inside-technology-9 .text-6 {
		font-size: 15px;
		margin-top: 20px;
		padding-left: 15px
	}

	.inside-technology-9 .text-6:before {
		width: 6px;
		height: 6px;
		top: 8px
	}

	.inside-technology-9 .text-1 {
		padding-top: 0
	}
}

@media (max-width:1000px) {
	.inside-technology-10 {
		padding-bottom: 0
	}
}

.inside-technology-10 .mask {
	width: 35%;
	float: left
}

.inside-technology-10 .mask .text-4 {
	font-size: 15px;
	color: #434343;
	margin-top: 10px;
	padding-left: 25px;
	position: relative
}

.inside-technology-10 .mask .text-4:before {
	top: 26px;
	left: 0;
	content: "";
	width: 11px;
	height: 11px;
	position: absolute;
	background: #008cd6
}

@media (max-width:414px) {
	.inside-technology-10 .mask .text-4 {
		padding-left: 15px;
		margin-top: 0
	}

	.inside-technology-10 .mask .text-4:before {
		width: 6px;
		height: 6px;
		top: 28px
	}
}

.inside-technology-10 .mask .text-6 {
	padding-bottom: 10px;
	margin-top: 50px
}

.inside-technology-10 .mask .text-6 span {
	color: #fff;
	line-height: 48px;
	padding: 0 30px;
	font-size: 24px;
	display: inline-block;
	border-radius: 30px;
	background: #008cd6
}

@media (max-width:1000px) {
	.inside-technology-10 .mask {
		width: 100%;
		float: none
	}
}

@media (max-width:414px) {
	.inside-technology-10 .mask .text-6 span {
		font-size: 16px;
		line-height: 38px
	}
}

.inside-technology-10 .mask02 {
	width: 38%;
	float: right;
	text-align: right;
	position: relative
}

.inside-technology-10 .mask02 .erweima {
	margin-top: 35px;
	text-align: left;
	font-size: 15px;
	color: #fff;
	line-height: 40px;
	padding: 25px 0 7px 35px;
	background: #008cd6;
	position: relative
}

.inside-technology-10 .mask02 .erweima:after {
	content: "";
	height: 100%;
	right: -50%;
	top: 0;
	width: 100%;
	position: absolute;
	background: #008cd6
}

@media (max-width:1000px) {
	.inside-technology-10 .mask02 {
		width: 100%;
		float: none;
		margin-top: 30px
	}

	.inside-technology-10 .mask02 .erweima:after {
		display: none
	}
}

@media (max-width:414px) {
	.inside-technology-10 .mask02 .erweima {
		text-align: center;
		padding-left: 0;
		padding-right: 0
	}
}

@media (max-width:414px) {
	.inside-technology-10 .pic3 img {
		max-height: 50px
	}
}

.inside-doctors-3 {
	padding-top: 0
}

@media (max-width:700px) {
	.inside-doctors-3 {
		padding-bottom: 0
	}
}

@media (max-width:1440px) {
	.inside-doctors-3 .topbox {
		padding-top: 20px
	}
}

.inside-doctors-3 .topbox h1 {
	float: left
}

@media (max-width:600px) {
	.inside-doctors-3 .topbox h1 {
		float: none
	}
}

.inside-doctors-3 .topbox .t1 {
	margin-top:10px;
	padding-left: 30px;
	float: left;
	display: inline-block
}

@media(max-width:1600px) {
	.inside-doctors-3 .topbox .t1{margin-top: 5px;}
}

.inside-doctors-3 .topbox .t1 label {
	font-size: 18px;
	color: #262626;
	line-height: 30px
}

.inside-doctors-3 .topbox .t1 select {
	color: #666;
	font-size: 15px;
	width: 175px;
	font-family: "鐎甸偊鍠涢拏瀣⒖閸涘鎷�";
	text-align: left;
	appearance: none;
	-moz-appearance: none;
	border: solid 1px #d9d9d9;
	border-radius: 3px;
	padding: 7px 40px 7px 7px;
	vertical-align: top;
	background: url(../images/d-triangular-2.jpg) no-repeat center right #fff
}

@media (max-width:1440px) {
	.inside-doctors-3 .topbox .t1 {
		margin-top: 0
	}

	.inside-doctors-3 .topbox .t1 label {
		font-size: 15px;
		line-height: 30px
	}

	.inside-doctors-3 .topbox .t1 select {
		font-size: 15px;
		padding-top: 4px;
		padding-bottom: 4px
	}
}

@media (max-width:600px) {
	.inside-doctors-3 .topbox .t1 {
		display: block;
		float: none;
		padding-left: 0;
		padding-top:5px;
		/*border-top: solid 1px #9a9a9a*/
	}
}

.inside-doctors-3 .topbox .t2 {
	font-size: 22px;
	color: #008cd6;
	margin-left: 60px;
	border-bottom: solid 1px #008cd6
}

@media (max-width:1440px) {
	.inside-doctors-3 .topbox .t2 {
		font-size: 16px;
		margin-left: 30px
	}
}

@media (max-width:600px) {
	.inside-doctors-3 .topbox .t2 {
		display: block;
		float: none;
		margin-left: 0;
		padding: 15px 0
	}
}

.inside-doctors-3 .tab-roll {
	position: relative
}

.inside-doctors-3 .tab-roll .pic {
	position: relative
}

.inside-doctors-3 .tab-roll .pic:after {
	content: "";
	display: block;
	padding-bottom: 54.3%
}

.inside-doctors-3 .tab-roll .slick-prev,.inside-doctors-3 .tab-roll .slick-next {
	border: 0;
	width: 50px;
	height: 50px;
	margin-top: -10px
}

.inside-doctors-3 .tab-roll .slick-prev {
	left: 20px;
	background: url(../images/doc-img2.png) center center no-repeat rgba(255,255,255,0.5)
}

.inside-doctors-3 .tab-roll .slick-next {
	right: 20px;
	background: url(../images/doc-img3.png) center center no-repeat rgba(255,255,255,0.5)
}

.inside-doctors-3 .tab-roll .slick-prev:hover,.inside-doctors-3 .tab-roll .slick-next:hover {
	background-color: rgba(255,255,255,0.7)
}

@media (max-width:640px) {
	.inside-doctors-3 .tab-roll .slick-prev,.inside-doctors-3 .tab-roll .slick-next {
		width: 30px;
		height: 30px
	}
}

.inside-doctors-3 .box {
	position: relative
}

.inside-doctors-3 .add {
	top: 200px;
	left: 95px;
	width: 50%;
	height: 470px;
	padding: 30px;
	z-index: 9;
	/*background: #fff;*/
	position: absolute
}

.inside-doctors-3 .add h1 {
	color: #333;
	font-size: 44px;
	line-height: 50px;
	font-weight: normal;
	padding-bottom: 20px;
	padding-top: 20px;
	border-bottom: solid 1px #9a9a9a;

}

.inside-doctors-3 .add dt {
	width: 53%;
	float: left;
	color: #333;
	font-size: 16px
}

.inside-doctors-3 .add dd {
	width: 45%;
	float: right;
	margin-top: 25px;
	padding-right: 15px
}

.inside-doctors-3 .add .t1 {
	margin-top: 35px;
	padding-left: 35px;
	position: relative
}

.inside-doctors-3 .add .t1 i {
	top: 3px;
	left: 0;
	font-style: normal;
	position: absolute
}

.inside-doctors-3 .add .t2 {
	margin-top: 15px
}

.inside-doctors-3 .add .t2 span {
	color: #fff;
	width: 18px;
	height: 18px;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	display: inline-block;
	font-family: arial;
	margin-right: 5px;
	margin-left: 5px
}

.inside-doctors-3 .add .t2 .bg1 {
	background: #bd3226
}

.inside-doctors-3 .add .t2 .bg2 {
	background: #8ac5d6
}

.inside-doctors-3 .add .t2 .bg3 {
	background: #c18947
}

.inside-doctors-3 .add .t3 .t2 {
	padding-left: 15px
}

@media (max-width:1440px) {
	.inside-doctors-3 .add {
		height: auto;
		top: 120px;
		padding: 20px
	}

	.inside-doctors-3 .add h1 {
		padding-top: 0;
		font-size: 18px;
		padding-bottom: 0
	}

	.inside-doctors-3 .add dt {
		font-size: 14px
	}

	.inside-doctors-3 .add dd {
		padding-right: 0
	}

	.inside-doctors-3 .add .t1 {
		margin-top: 20px
	}
}

@media (max-width:1130px) {
	.inside-doctors-3 .add {
		top: auto;
		left: auto;
		width: 100%;
		position: relative
	}
}

@media (max-width:639px) {
	.inside-doctors-3 .add {
		padding-left: 0;
		padding-right: 0
	}

	.inside-doctors-3 .add dt {
		width: 100%;
		font-size: 12px
	}

	.inside-doctors-3 .add dd {
		width: 100%;
		border-top: solid 1px #ddd;
		padding: 30px 0;
		padding-bottom: 0
	}

	.inside-doctors-3 .add .t1 {
		margin-top: 20px
	}
}

.inside-doctors-3 .add1 {
	top: 127px;
	left: 95px;
	padding: 12px;
	z-index: 99;
	width: 45%;
	background: #fff;
	position: absolute
}

.inside-doctors-3 .add1 .pic01 {
	position: relative
}

.inside-doctors-3 .add1 .pic01:after {
	content: "";
	display: block;
	padding-bottom: 78.5%
}

@media (max-width:1370px) {
	.inside-doctors-3 .add1 {
		top: 100px
	}
}

@media (max-width:900px) {
	.inside-doctors-3 .add1 {
		top: 80px
	}
}

@media (max-width:700px) {
	.inside-doctors-3 .add1 {
		top: auto;
		left: auto;
		width: 100%;
		border: 0;
		padding: 0;
		margin-top: 15px;
		position: relative
	}
}

.inside-doctors-3 .contact-map {
	height: 300px;
	margin-top: 0
}

.inside-doctors-3 .contact-map #l-map {
	height: 300px
}

@media (max-width:639px) {
	.inside-doctors-3 .contact-map {
		height: 250px
	}

	.inside-doctors-3 .contact-map #l-map {
		height: 250px
	}
}

.athlete-bg {
	color: #fff;
	line-height: 30px;
	font-size: 20px;
	min-height: 1080px;
	overflow: hidden;
	padding-bottom: 30px;
	background: url(../images/bg2.jpg) no-repeat top center #008cd6
}

@media (max-width:1600px) {
	.athlete-bg {
		font-size: 16px
	}
}

@media (max-width:1600px) {
	.athlete-bg {
		min-height: auto
	}
}

@media (max-width:414px) {
	.athlete-bg {
		font-size: 15px;
		line-height: 24px
	}
}

.athlete-bg .top {
	padding: 30px 0 90px 0
}

@media (max-width:1600px) {
	.athlete-bg .top {
		padding-bottom: 30px
	}

	.athlete-bg .top img {
		max-height: 50px
	}
}

.athlete-bg dt {
	width: 22%;
	float: left;
	border: solid 6px #fff
}

@media (max-width:900px) {
	.athlete-bg dt {
		width: 100%;
		border: 0;
		display: none
	}
}

.athlete-bg dd {
	width: 75%;
	float: left;
	position: relative;
	padding-left: 60px
}

@media (max-width:900px) {
	.athlete-bg dd {
		width: 100%;
		margin-top: 20px;
		padding-left: 0
	}
}

@media (max-width:414px) {
	.athlete-bg dd {
		margin-top: 0
	}
}

.athlete-bg .wx {
	top: 54%;
	right: 0;
	line-height: 50px;
	font-size: 18px;
	text-align: center;
	position: absolute
}

@media (max-width:1600px) {
	.athlete-bg .wx {
		font-size: 15px;
		top: 58%
	}
}

@media (max-width:900px) {
	.athlete-bg .wx {
		top: auto;
		right: auto;
		width: 100%;
		display: block;
		text-align: left;
		position: relative
	}

	.athlete-bg .wx img {
		margin-left: 5px
	}
}

.athlete-bg .t1 {
	font-family: "鐎甸偊鍠涚划鍝勵潰閿濆鎷ㄥΔ鍌︽嫹";
	font-size: 48px;
	line-height: 58px
}

@media (max-width:1600px) {
	.athlete-bg .t1 {
		font-size: 30px;
		line-height: 50px
	}
}

@media (max-width:414px) {
	.athlete-bg .t1 {
		font-size: 20px;
		line-height: 30px
	}
}

.athlete-bg .t2 {
	font-weight: bold;
	font-size: 33px;
	line-height: 40px;
	font-family: "鐎甸偊鍠涚划鍝勵潰閿濆鎷ㄥΔ鍌︽嫹";
	padding: 25px 0 20px 0;
	margin-bottom: 25px;
	border-bottom: solid 1px rgba(255,255,255,0.3)
}

@media (max-width:1600px) {
	.athlete-bg .t2 {
		font-size: 20px;
		line-height: 30px
	}
}

@media (max-width:414px) {
	.athlete-bg .t2 {
		font-size: 16px;
		line-height: 24px
	}
}

.athlete-bg .t3 {
	font-size: 18px;
	line-height: 60px;
	margin-top: 40px
}

.athlete-bg .t3 span {
	color: #ccaa5b;
	font-size: 24px;
	padding: 0 10px;
	display: inline-block
}

.athlete-bg .t3 .tel {
	color: #ccaa5b;
	font-size: 30px;
	padding: 0 25px 0 5px;
	display: inline-block;
	vertical-align: middle
}

@media (max-width:1600px) {
	.athlete-bg .t3 {
		font-size: 15px;
		line-height: 30px;
		margin-top: 20px
	}

	.athlete-bg .t3 span {
		font-size: 16px
	}

	.athlete-bg .t3 .tel {
		padding-right: 5px;
		font-size: 18px
	}
}

@media (max-width:414px) {
	.athlete-bg .t3 {
		font-size: 15px;
		margin-top: 20px;
		line-height: 26px
	}
}

.athlete-bg .button {
	width: 230px;
	height: 50px;
	background: #fff;
	color: #2d6aba;
	font-size: 24px;
	display: inline-block;
	border-radius: 30px;
	text-align: center;
	line-height: 50px;
	margin-top: 50px;
	letter-spacing: 5px;
	cursor:pointer;
}

.athlete-bg .button:hover {
	background: rgba(255,255,255,0.9)
}

@media (max-width:1600px) {
	.athlete-bg .button {
		height: 40px;
		font-size: 16px;
		line-height: 40px;
		margin-top: 40px;
		width: 130px
	}
}

@media (max-width:900px) {
	.athlete-bg .button {
		width: 130px;
		margin-bottom: 20px;
		margin-top: 30px
	}
}

.athlete-bg .fh {
	bottom: 15%;
	right: 3%;
	position: fixed
}

@media (max-width:900px) {
	.athlete-bg .fh {
		bottom: 7%
	}
}
@media (max-width:1440px) {
	.athlete-bg .fh {
		bottom: 30%;
	}
}
.phone-message-2 {
	top: 0;
	background: rgba(255,255,255,0.98)
}

.phone-message-2 .message {
	width: 800px;
	margin: 0 auto;
	margin-top: 50px
}

.phone-message-2 .message .content {
	width: 100%;
	background: none
}

.phone-message-2 .message .content .text {
	font-size: 12px
}

@media (max-width:800px) {
	.phone-message-2 .message {
		width: 100%;
		padding: 0 15px
	}
}

.phone-message-2 .message li .w {
	width: 25%
}

@media (max-width:800px) {
	.phone-message-2 .message li .w {
		width: 100%
	}
}

.phone-message-2 .message li .w2 {
	width: 50%
}

.phone-message-2 .message li .w2 span {
	width: 33.333%
}

@media (max-width:800px) {
	.phone-message-2 .message li .w2 {
		width: 100%
	}
}

.phone-message-2 .message li .w4 {
	width: 50%
}

.phone-message-2 .message li .w4 img {
	max-height: 20px
}

@media (max-width:800px) {
	.phone-message-2 .message li .w4 {
		width: 100%
	}
}

.phone-message-2 .close {
	margin-right: 30px;
	margin-top: 20px
}

.phone-message-2 .close img {
	max-height: 100%
}

@media (max-width:800px) {
	.phone-message-2 .close img {
		max-height: 20px
	}
}
.tabmenu {
	float: left
}

.tabmenu li {
	padding: 0 10px;
	margin-top: 15px;
	cursor: pointer;
	display: inline-block
}

@media (max-width:1600px) {
	.tabmenu li {
		margin-top: 5px
	}
}

.tabmenu .active {
	color: #008cd6;
	text-decoration: underline
}

.tabmenu .none {
	background: #008cd6
}

.tabslick .slick-prev,.tabslick .slick-next {
	border: 0;
	width: 50px;
	height: 50px;
	margin-top: -10px
}

.tabslick .slick-prev {
	left: 20px;
	background: url(../images/doc-img2.png) center center no-repeat rgba(255,255,255,0.5)
}

.tabslick .slick-next {
	right: 20px;
	background: url(../images/doc-img3.png) center center no-repeat rgba(255,255,255,0.5)
}

.tabslick .slick-prev:hover,.tabslick .slick-next:hover {
	background-color: rgba(255,255,255,0.7)
}

@media (max-width:640px) {
	.tabslick .slick-prev,.tabslick .slick-next {
		width: 30px;
		height: 30px
	}
}

.tabslick .active {
	color: #008cd6;
	text-decoration: underline
}

.tabslick .none {
	background: #008cd6
}

.inside-map {
	height: 830px;
	padding-top: 120px;
	background-position: top center;
	
}

@media (max-width:1000px) {
	.inside-map {
		height: 700px
	}
}

@media (max-width:700px) {
	.inside-map {
		height: 100%;
		padding-top: 40px;
		padding-bottom:40px;
	}
}

.inside-map .content {
	width: 100%;
	height: 580px;
	
}

@media (max-width:1000px) {
	.inside-map .content {
		height: 440px
	}
}

@media (max-width:700px) {
	.inside-map .content {
		height: auto
	}
}

.inside-map .map-yx {
	width: 44%;
	float: left
}

@media (max-width:1000px) {
	.inside-map .map-yx {
		margin-top: 80px
	}
}

@media (max-width:700px) {
	.inside-map .map-yx {
		width: 100%;
		float: none;
		display: none
	}
}

.inside-map .list {
	width: 56%;
	float: left;
	height: 75%;
	min-height: 350px;
	overflow: auto;
	margin-top: 76px;
	padding-right: 20px
}

@media (max-width:1000px) {
	.inside-map .list {
		width: 100%;
		margin-top: 0
	}
}

.inside-map .list li:first-child {
	color: #1e1e1e;
	font-size: 16px;
	overflow: hidden;
	background: #ddd
}

.inside-map .list li {
	padding: 10px;
	overflow: hidden;
	color: #1e1e1e;
	background: rgba(255,255,255,0.6)
}

.inside-map .list li p {
	width: 33.33%;
	float: left;
	padding: 0 5px;
	font-size: 13px
}

.inside-map .list .li02 {
	background: rgba(239,239,239,0.6)
}

@media (max-width:1000px) {
	.inside-map .list {
		min-height: 200px
	}
}

@media (max-width:700px) {
	.inside-map .list {
		width: 100%;
		padding-right: 0;
		min-height: 380px
	}

	.inside-map .list li p {
		font-size: 12px
	}
}

.inside-sitemap {
	padding-bottom: 50px
}

.inside-sitemap li {
	padding: 20px 0;
	border-top: solid 1px #eee
}

.inside-sitemap li h3 {
	margin-bottom: 10px
}

.inside-sitemap li a {
	padding-right: 15px;
	display: inline-block
}

.inside-sitemap li:first-child {
	border-top: 0
}


/*闁革附婢樺ù锟�*/
.contact-map .mapmap{
	width: 100%;
	height: 300px;
}

/*闂傚牄鍨圭€垫ḿ浠﹂敓锟�*/
.inside-current .crumb{
	/*display: inline-block;*/
    /*max-width: 35%;
    float: right;*/
}

@media (max-width:645px) {
	.inside-current .crumb{
    	/*width: 76%;
    	max-width: 76%*/
    }
}
@media (max-width:504px) {
	.inside-current .crumb{
    	/*width: 74%;
    	max-width: 74%*/
    }
}
@media (max-width:470px) {
	.inside-current .crumb{
    	/*width: 65%;
    	max-width: 65%*/
    }
}
/*闁告瑦鍨甸惈宥夊储閸℃瑢鏌�*/
@media (min-width:1367px) {
	.inside-hstory .list-roll>div{
		height: 300px;
	}
	.inside-doctors-3 .add h1{
		height: 70px;
    	overflow: hidden;
	}
}
@media ( min-width:1024px  and max-width:1366px  )  {
	.inside-hstory .list-roll>div{
		height: 290px;
	}
}

/*闁告瑦鍨归獮鍥礌閼姐倖鏅�*/
.inside-doctors-3 .add .tphone{
	height: 28px;
	overflow: hidden;
}
.inside-doctors-3 .add .tdesc{
	min-height: 28px;
	max-height: 51px;
	overflow: hidden;
}
.inside-doctors-3 .add .tsubw{
	min-height: 28px;
	max-height: 194px;
	overflow: hidden;
}
.share .wx:hover .wx-2{
	display:block;
}
.wx-2{
	display:none;
}
.codephone img{
	margin-top:5px; 
}
.inside-loaction{
	display: inline-block;
	/*width:124px;
	float: right;*/
}
@media (max-width:1024px) {
	/*.inside-loaction{
		width:106px;
	}*/
}
@media (max-width:360px) {
	/*.inside-loaction{
		width:106px;
	}*/
	/*.inside-current .crumb{
		max-width: 46%;
	}*/
}

.footer-box a{
    color:#fff;
    padding-left:15px;
    display: inline-block;
}
.footer-box .copy span{padding:0 60px;}
@media(max-width:1920px){
    .footer-box .copy span{padding: 0 30px;}
}
@media(max-width:1860px){
    .footer-box .copy span{padding:0;}
    .footer-box a{padding-left:0px;}
}
@media (max-width:800px) {
	.phone-message-2 .message .phonecode .w{
		width: 44%
	}
	.phone-message-2 .message .phonecode .w>img{
		display: block;
	}
}


@media(max-width:640px){
	.bgwarp .title-1 {
	    padding-top:20px;
	}
	.bgwarp .title-2{
		padding-top:30px;
	}
	.bgwarp .title-4{
		 padding-top:30px;
	}
}

@media(max-width:1279px) {
	.inside-page-2{display:none;}
	.inside-page-3{display:none;}
}
@media(max-width:1279px) {
	.inside-page-3{display:block;}
}

.BMap_shadow img{height: auto!important;}



.inside-product .xz-ertong{
	 background:#8ec153;
}

.inside-product .xz-ertong li{
	border-color:#a5cd75;
}

.inside-product .xz-ettitle{
	 color:#333;
	 font-size:30px;
	 line-height:40px;
	 padding-top:70px;
}
.inside-product  .xz-ertong-list{
	background: url(../images/etimages/images/et-06.jpg) no-repeat top center;
}

.inside-product  .xz-ertong-list dd{
	padding-top:0;
}
.inside-product  .xz-ertong-list dd h3{
	color:#8ec153;
}

.inside-product .xz-ertong-list dd .pro-logo{
	background:#8ec153;
	margin-left:-40px;
	margin-top:120px;
}
.inside-product .xz-ertong-list dd .pro-logo::after{
	background:#8ec153;
}

.xz-ertong-list-2{
	position:relative;
	padding-bottom:110px;
}
.xz-ertong-list-2 .tu{
	top:-90px;
	right:0;
	z-index:9;
	position:absolute;
}
.xz-ertong-list-2 li{
	 width:50%;
	 color:#000;
	 font-size:20px;
	 padding-left:80px;
	 padding-right:15%;
	 position:relative;
}
.xz-ertong-list-2 li span{
	top:50%;
	left:0;
	margin-top:-27px;
	position:absolute;
}
.xz-ertong-list-2 li img{
	max-height:60px;
}
.xz-ertong-list-2 li p{
	padding:40px 0;
	border-bottom:dashed 1px #d2d2d2;
}

.xz-ertong-list-3{
	padding:90px 0;
	background:#f9f9f9;
}
.xz-ertong-list-3 .xz-ettitle{
	padding-top:0;
}

.xz-ertong-list-3 .leftbox{
	width:44%;
	float:left;
}
.xz-ertong-list-3 .leftbox .t1{
	font-size:20px;
	color:#000000;	
	margin:50px 0 10px 0;
	position:relative;
	padding-left:25px;
}
.xz-ertong-list-3 .leftbox .t1:before{
	content:"";
	width:12px;
	height:12px;
	top:6px;
	left:0;
	position:absolute;
	background:#8ec153;
}
.xz-ertong-list-3 .leftbox .t2{
	font-size:15px;
	color:#666;
	padding-left:25px;
}
.xz-ertong-list-3 .leftbox .t3{
	 margin-top:20px;
	 padding-left:25px;
}
.xz-ertong-list-3 .leftbox .t3 a{
	color:#008cd6;
	font-size:18px;
	text-decoration:underline;
}
.xz-ertong-list-3 .leftbox .t3 a:hover{
	color:#000;
}
.xz-ertong-list-3 .rightbox{
	width:38%;
	float:right;
	padding-top:50px;
}

.xz-ertong-list-4{
	padding-top:130px;
	padding-bottom:40px;
	background:url(../images/etimages/et-16.png) no-repeat top center;
}
.xz-ertong-list-4 .list{
	margin:0 -45px;
}
.xz-ertong-list-4 .list li{
	float:left;
	width:33.333%;
	padding:0 45px;
}

.xz-ertong-list-4 .list li .hezi{
	background:#8ec153;
	padding:30px;
	font-size:16px;
	color:#dcf7bd;
	min-height:230px;
	border-top:solid 7px #e8e8e8;
}
.xz-ertong-list-4 .list li .hezi .tit{
	color:#fff;
	font-weight:normal;
	font-size:30px;
	line-height:30px;
	margin-bottom:20px;
}
.xz-ertong-list-5{
	padding-top:50px;
}
.xz-ertong-list-5 li{
	width:22%;
	float:left;
	color:#666;
	font-size:12px;
	line-height:20px;
	padding-right:10px;
}

.xz-ertong-list-5 .last{
	 width:12%;
}

.xz-etfooter{
	background:#7eb646;
}

@media(max-width:1500px ) {
	.inside-product .xz-ertong-list .container,
	.inside-product .xz-ertong-list-2 .container,
	.inside-product .xz-ertong-list-3 .container,
	.inside-product .xz-ertong-list-4 .container{
		padding:0 6%;
	}
	.inside-product .xz-ettitle{
		 font-size:24px;
		 line-height:20px;
		 padding-top:50px;
	}
	.inside-product .xz-ertong-list dd .pro-logo{
		margin-top:30px;
	}
	.xz-ertong-list-2 .tu{
		 top:50px;
	}
	.xz-ertong-list-2 .tu img{
		 max-height:450px;

	}
	.xz-ertong-list-2 ul{
		padding-top:20px;
	}
	.xz-ertong-list-2 li{
		font-size:16px;
		width:40%;
		padding-left:70px;
		padding-right:0%;
	}
	.xz-ertong-list-2 li p{
		padding:20px 0;
	}
	.xz-ertong-list-2 li span{margin-top:-20px;}
	.xz-ertong-list-2 li span img{
		max-height:40px;
	}
	.xz-ertong-list-3{
		padding:20px 0 60px 0;
	}
	.xz-ertong-list-3 .leftbox {
	    width: 55%;
	}
	.xz-ertong-list-3 .leftbox .t1{
		margin-top:30px;
		font-size:17px;
		padding-left:20px;
	}
	.xz-ertong-list-3 .leftbox .t1:before{
		width:8px;
		height:8px;
	}
	.xz-ertong-list-3 .leftbox .t3{
		margin-top:10px;
	}
	.xz-ertong-list-3 .leftbox .t3 a{font-size:16px;}
	.xz-ertong-list-4{
		padding-top:60px;
	}
	.xz-ertong-list-4 .list ul{
		margin:0 -20px;
	}
	.xz-ertong-list-4 .list li{
		padding:0 20px;
	}
	.xz-ertong-list-5{
		padding-top:20px;
	}
	.xz-ertong-list-5 li,.xz-ertong-list-5 .last{
		width:33.333%;
		padding-top:15px;
	}
}
@media(max-width:800px ) {
	.inside-product .xz-ertong-list .container,
	.inside-product .xz-ertong-list-2 .container,
	.inside-product .xz-ertong-list-3 .container,
	.inside-product .xz-ertong-list-4 .container{
		padding:0 30px;
	}
	.inside-product .xz-ertong-list dd{
		padding-top:20px;
	}
	.inside-product .xz-ertong-list dd .pro-logo{
		margin-left:0;
	}
	.inside-product .xz-ertong-list dd h3{
		margin-bottom:5px;
	}
	.inside-product .xz-ettitle{
		padding-top:30px;
	}
	.xz-ertong-list-2{
		padding-bottom:50px;
	}
	.xz-ertong-list-2 .tu{
		display:none;
	}
	.xz-ertong-list-2 li span{
		margin-top:-15px;
	}
	.xz-ertong-list-2 li span img{
		max-height:30px;
	}
	.xz-ertong-list-2 li{
		width:100%;
		font-size:14px;
		padding-left:50px;
		float:none!important;
	}
	.xz-ertong-list-2 li p{
		padding:10px 0;
	}
	.xz-ertong-list-3 .leftbox{
		width:100%;
		float:none;
	}
	.xz-ertong-list-3 .rightbox{
		width:100%;
		float:none;
	}
	.xz-ertong-list-3 .leftbox .t2{
		font-size:14px;
	}
	.xz-ertong-list-3{
		padding-bottom:30px;
	}
	.xz-ertong-list-4 .list{
		margin:0;
	}
	.xz-ertong-list-4 .list li{
		width:100%;
		padding:0;
		margin-top:15px;
	}
	.xz-ertong-list-4{
		padding-top:15px;
		padding-bottom:0;
	}
	.xz-ertong-list-4 .list li .hezi{
		min-height:auto;
		font-size:14px;
	}
	.xz-ertong-list-4 .list li .hezi .tit{
		font-size:18px;
		margin-bottom:10px;
	}
	.xz-ertong-list-5 li, .xz-ertong-list-5 .last {
	    width: 50%;
	    padding-top: 15px;
	}
}

@media(max-width:420px) {
	.inside-product .box-1 ul{padding:0;}
	.inside-product .box-1 li p{
		font-size:12px;
	}
	.xz-ertong-list-5 li, .xz-ertong-list-5 .last {
	    width: 100%;
	    padding-top: 15px;
	}
}